*:focus {
  outline: none;
}
*:focus-visible {
  outline: 2px solid #e31e25;
}
html,
body {
  height: 100%;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family: "Roboto", "Arial", sans-serif;
  font-style: normal;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}
.overflowHidden {
  height: 100%;
  overflow: hidden;
}
.visuallyhidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
/* Для Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
/* Для Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.overflowHidden {
  height: 100%;
  overflow: hidden;
}
.container {
  margin: 0 auto;
  box-sizing: border-box;
}
@media (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}
.hide {
  display: none;
}
.title {
  font-size: 28px;
  line-height: 32px;
  font-weight: normal;
  margin: 0;
}
@media (min-width: 1000px) {
  .title {
    font-size: 32px;
    line-height: 36px;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(215, 215, 214, 0.5);
}
.swiper {
  width: 100%;
  max-width: 1400px;
}
.loader__barStripe {
  width: 200px;
  height: 16px;
  display: inline-block;
  background-color: #e31e25;
  border: 1px solid #e31e25;
  border-radius: 10px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  font-size: 30px;
  background-size: 1em 1em;
  box-sizing: border-box;
  animation: barStripe 1s linear infinite;
}
@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes shake {
  0% {
    transform: translateX(-4px);
  }
  50% {
    transform: translateX(4px);
  }
}
@keyframes go {
  0%,
  26% {
    transform: translateX(-4px);
  }
  13%,
  39% {
    transform: translateX(4px);
  }
}
.text {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  color: #818181;
}
.subtitle-text {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #0f0202;
}
.button-primary {
  display: block;
  background-color: #e31e25;
  border: 2px solid #e31e25;
  padding: 10px 16px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.button-primary:hover {
  background-color: #e31e25;
}
.button-primary:active {
  background-color: #e31e25;
  box-shadow: inset 2px 4px 4px rgba(0, 0, 0, 0.25);
}
.button-primary[data-disabled="true"] {
  background-color: #f5f5f5;
  border: 2px solid #818181;
  color: #818181;
}
.button-primary--small {
  padding: 8px 12px;
}
.button-secondary {
  display: block;
  background-color: #ffffff;
  padding: 8px 12px;
  border: 1px solid #e31e25;
  border-radius: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #e31e25;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.button-secondary:hover {
  background-color: #e31e25;
  color: #ffffff;
}
.button-tertiary {
  position: relative;
  background-color: transparent;
  border: none;
  color: #818181;
  cursor: pointer;
  font-size: 16px;
  padding: 8px;
  margin: 0 auto;
  display: block;
}
.button-tertiary::after {
  position: absolute;
  content: "";
  height: 1px;
  background-color: #818181;
  bottom: 5px;
  left: 8px;
  right: 8px;
}
.button-tertiary:hover {
  color: #e31e25;
}
.button-tertiary:hover::after {
  background-color: #e31e25;
}
.popup {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background-color: #ffffff;
  transition: left 0.5s;
  z-index: 500;
  display: block;
}
.popup--show {
  left: 0;
}
.popup--show .popup__overlay {
  opacity: 0.5;
}
.popup--mobile {
  top: 63px;
  max-width: 400px;
}
.popup--mobile .popup__overlay {
  top: 63px;
}
.popup__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #818181;
  opacity: 0;
  transition: opacity 0.2s;
}
.popup__wrap {
  padding: 20px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  margin: 0 auto;
  background-color: #ffffff;
  overflow: auto;
}
.popup__text {
  font-size: 16px;
  margin-bottom: 0;
}
.popup__text--note {
  color: #818181;
}
.popup__closeButton {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  background-image: url("../img/sprite.svg#close");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  font-size: 0;
}
@media (min-width: 1000px) {
  .popup__wrap--centerHeader {
    padding: 0;
    position: static;
    height: auto;
    margin: 0;
  }
  .popup__wrap--centerHeader > .popup__closeButton {
    display: none;
  }
  .popup__wrap--centerHeader > .popup__logo {
    display: none;
  }
}
.modal {
  display: flex;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 500;
  overflow-x: auto;
}
.modal--show {
  visibility: visible;
}
.modal--show .modal__wrap {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s ease-out, opacity 0.2s;
}
.modal--show .modal__overlay {
  opacity: 0.5;
}
.modal--hide .modal__wrap {
  transform: translateY(300px);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.2s;
}
.modal--hide .modal__overlay {
  opacity: 0;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0202;
  opacity: 0;
  transition: opacity 0.2s;
}
.modal__wrap {
  background-color: #ffffff;
  padding: 20px;
  position: relative;
  width: 100%;
  height: 150vh;
  max-width: 500px;
  box-sizing: border-box;
  margin: auto;
  transform: translateY(300px);
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.2s;
}
.modal__closeButton {
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  background-image: url("../img/sprite.svg#close");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  font-size: 0;
}
.modal__closeButton svg {
  fill: #818181;
  transition: fill 0.3s;
}
.modal__closeButton:hover svg {
  fill: #e31e25;
}
.modal__backButton {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
}
.modal__backButton svg {
  fill: #818181;
}
.modal__backButton:hover {
  border-bottom-color: #e31e25;
}
.modal__backButton:hover svg {
  fill: #e31e25;
}
.modal__titleWrap {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 20px;
}
.modal__title {
  font-size: 28px;
  margin: 0;
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px;
}
.modal__title--left {
  text-align: left;
}
.modal__form[data-mode="input"] .modal__progress {
  display: none;
}
.modal__form[data-mode="progress"] .modal__button {
  display: none;
}
.modal__text {
  font-size: 16px;
  line-height: 20px;
}
.modal__text--grey {
  color: #818181;
}
.modal__text--red {
  color: #e31e25;
}
.modal__text--center {
  text-align: center;
}
.modal__input {
  padding: 10px 0;
  font-size: 18px;
  line-height: 22px;
}
.modal__textarea textarea {
  width: 100%;
  resize: none;
  border: 1px solid #818181;
  border-radius: 4px;
  font-family: "Roboto", "Arial", sans-serif;
  font-size: 16px;
  color: #0f0202;
}
.modal__button {
  background-color: #e31e25;
  border-radius: 5px;
  padding: 8px 15px;
  color: #ffffff;
  font-size: 18px;
  border: none;
  display: block;
  cursor: pointer;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.modal__progress {
  text-align: center;
  min-height: 37px;
}
.modal__link {
  background-color: transparent;
  border: none;
  color: #818181;
  cursor: pointer;
  text-decoration: underline;
  font-size: 18px;
  padding: 0;
  margin-top: 40px;
  display: block;
}
.modal__link:hover {
  color: #e31e25;
}
.modal__buttonWrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
.modal__buttonWrap[data-mode="button"] .modal__progress {
  display: none;
}
.modal__buttonWrap[data-mode="progress"] .modal__button {
  display: none;
}
.modal__timerWrap {
  margin-top: 20px;
  margin-bottom: 20px;
}
.modal__timerWrap[data-mode="none"] .modal__timer {
  display: none;
}
.modal__timerWrap[data-mode="none"] .modal__button {
  display: none;
}
.modal__timerWrap[data-mode="button"] .modal__timer {
  display: none;
}
.modal__timerWrap[data-mode="timer"] .modal__button {
  display: none;
}
.modal__errorMessage {
  color: #e31e25;
  margin: 0;
  margin-bottom: 10px;
  text-align: center;
}
@media (min-width: 500px) {
  .modal__wrap {
    padding: 50px;
    width: 500px;
    height: auto;
    border-radius: 5px;
  }
  .modal__closeButton {
    top: 20px;
    right: 20px;
  }
}
.breadcrumbs__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbs__item {
  position: relative;
  margin-right: 14px;
}
.breadcrumbs__item::after {
  position: absolute;
  content: "/";
  top: 1px;
  right: -10px;
  color: #818181;
}
.breadcrumbs__link {
  color: #818181;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 0;
  transition: color 0.3s;
}
.breadcrumbs__link:hover {
  color: #0f0202;
}
.breadcrumbs__link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e31e25;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s, transform 0.3s;
}
.breadcrumbs__link:hover::after,
.breadcrumbs__link:focus::after {
  opacity: 1;
  transform: translateY(4px);
}
.link--2:hover::after,
.link--2:focus::after {
  opacity: 1;
  transform: translateY(0px);
}
.input {
  padding: 12px 0;
  font-size: 16px;
  line-height: 18px;
  display: grid;
  grid-template-columns: 1fr 70%;
  gap: 20px;
  align-items: end;
  justify-content: space-between;
}
.input label span {
  color: #e31e25;
}
.input input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #818181;
}
.input input:hover {
  border-color: #e31e25;
}
.input select {
  border: none;
  border-bottom: 1px solid #818181;
  font-size: 16px;
  padding: 5px;
}
.input select:hover {
  border-color: #e31e25;
}
.input .grey {
  display: block;
  color: #818181;
  font-size: 0.9em;
}
.input textarea {
  border: none;
  border-bottom: 1px solid #818181;
  resize: vertical;
  padding: 5px;
}
.input--capture {
  align-items: center;
  padding-top: 18px;
}
.input--capture .input__wrapCapture {
  display: grid;
  grid-template-columns: min-content 50%;
  gap: 20px;
  justify-content: center;
}
.input--capture input {
  border: 1px solid #818181;
  border-radius: 5px;
}
.input[data-show="false"] {
  display: none;
}
.input-placeholder {
  position: relative;
  width: 100%;
  margin: 0;
}
.input-placeholder input {
  background-color: #ffffff;
  border: none;
  border-bottom: 1px solid #818181;
  color: #0f0202;
  font-size: 16px;
  line-height: 16px;
  height: 36px;
  outline: 0;
  padding: 0;
  width: 100%;
}
.input-placeholder input:hover {
  border-bottom-color: #e31e25;
}
.input-placeholder input:focus-visible {
  border-bottom-color: #e31e25;
}
.input-placeholder label {
  color: #818181;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  pointer-events: none;
  position: absolute;
  transition: all 200ms;
  top: 10px;
  left: 0;
}
.input-placeholder input:not(:-moz-placeholder-shown) + label {
  top: -16px;
  left: 0;
  font-size: 12px;
}
.input-placeholder input:focus + label,
.input-placeholder input:not(:placeholder-shown) + label {
  top: -16px;
  left: 0;
  font-size: 12px;
}
.input-placeholder__error {
  margin: 0;
  color: #e31e25;
  text-align: left;
  padding-top: 10px;
}
.authorization__screen {
  display: grid;
  gap: 10px;
}
.authorization__title {
  margin-bottom: 4px;
  text-align: left;
}
.authorization__text {
  color: #0f0202;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.authorization__buttonWrap[data-mode="button"] .modal__progress {
  display: none;
}
.authorization__buttonWrap[data-mode="progress"] button {
  display: none;
}
.authorization__buttonWrap[data-is-delay="true"] .authorization__button--getCode {
  display: none;
}
.authorization__buttonWrap[data-is-delay="true"] .authorization__button--repeat {
  display: none;
}
.authorization__buttonWrap[data-is-delay="false"] .authorization__button--setCode {
  display: none;
}
.authorization__buttonWrap[data-is-delay="false"] .authorization__button--timer {
  display: none;
}
.authorization__button {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.authorization__inputWrap {
  display: grid;
  gap: 16px;
  padding-top: 8px;
}
.authorization__input {
  position: relative;
  margin: 0;
}
.authorization__input input {
  height: auto;
  font-size: 24px;
  border-radius: 10px;
  border: 1px solid grey;
  padding: 12px;
  padding-right: 50px;
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, outline-color 0.3s;
}
.authorization__input input:hover {
  border-color: #e31e25;
}
.authorization__input input:focus-visible {
  border-color: #e31e25;
}
.authorization__input label {
  top: 20px;
  left: 12px;
}
.authorization__input input:not(:-moz-placeholder-shown) + label {
  top: -12px;
  left: 12px;
  font-size: 16px;
  padding: 4px;
}
.authorization__input input:focus + label,
.authorization__input input:not(:placeholder-shown) + label {
  top: -12px;
  left: 12px;
  font-size: 16px;
  padding: 4px;
}
.authorization__input.shake {
  animation: shake 0.1s 2;
}
.authorization__clearButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.authorization__clearButton svg {
  width: 24px;
  height: 24px;
  fill: #818181;
  transition: fill 0.3s;
}
.authorization__clearButton:hover svg {
  fill: #e31e25;
}
.authorization__clearButton[data-show="false"] {
  opacity: 0;
}
.authorization__errorMessage {
  position: relative;
  color: #e31e25;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px;
  padding-left: 26px;
}
.authorization__errorMessage[data-show="false"] {
  visibility: hidden;
}
.authorization__errorMessage::before {
  position: absolute;
  content: "!";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e31e25;
  color: #ffffff;
  left: 0;
  top: 0;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  font-size: 18px;
}
@media (min-width: 500px) {
  .authorization__modalWrap {
    width: 420px;
  }
  .authorization__screen {
    padding-top: 0;
  }
  .authorization__title {
    margin-bottom: 12px;
  }
}
.price {
  color: #0f0202;
  font-size: 24px;
  margin: 0;
}
.price span {
  color: #818181;
}
.price::after {
  content: ' \20BD';
  color: #818181;
}
.price--old {
  text-decoration: line-through;
  font-size: 14px;
  margin: 0;
  color: #818181;
}
.price--discount {
  color: #e31e25;
}
.swiper__button {
  background-color: transparent;
  width: 48px;
  height: 48px;
  font-size: 0;
  border: none;
  padding: 0;
  cursor: pointer;
}
.swiper__button svg {
  fill: #0f0202;
}
.swiper__button--hidden {
  visibility: hidden;
}
.swiper__button--disabled {
  visibility: hidden;
  cursor: auto;
  pointer-events: none;
}
.swiper__button--lock {
  visibility: hidden;
}
.rating {
  background-color: transparent;
  border: none;
  margin: 0;
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #818181;
  cursor: pointer;
}
.rating svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: -2px;
  fill: #e31e25;
}
.comments-count {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #818181;
  text-align: left;
}
.comments-count svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  fill: #818181;
}
.comments-count:hover svg {
  fill: #e31e25;
}
.burger {
  position: relative;
  border: none;
  background: transparent;
  width: 40px;
  height: 26px;
  padding: 0;
  margin: 8px 0;
  cursor: pointer;
}
.burger::before,
.burger::after {
  content: "";
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #e31e25;
}
.burger::before {
  top: 0;
  box-shadow: 0 11px 0 #e31e25;
  transition: box-shadow 0.3s 0.15s, top 0.3s 0.15s, transform 0.3s;
}
.burger::after {
  bottom: 0;
  transition: bottom 0.3s 0.15s, transform 0.3s;
}
.burger[data-show-menu="true"]::before {
  top: 11px;
  transform: rotate(45deg);
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
  transition: box-shadow 0.15s, top 0.3s, transform 0.3s 0.15s;
}
.burger[data-show-menu="true"]::after {
  bottom: 11px;
  transform: rotate(-45deg);
  transition: bottom 0.3s, transform 0.3s 0.15s;
}
.favorites {
  border: none;
  background-color: white;
  padding: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
}
.favorites svg {
  fill: #818181;
  transform: scale(1);
  transition: fill 0.3s, transform 0.3s;
}
.favorites:hover svg {
  fill: #e31e25;
  transform: scale(1.2);
}
.favorites[data-is-check="true"] {
  opacity: 1;
  visibility: visible;
}
.favorites[data-is-check="true"] .fill {
  display: block;
  fill: #e31e25;
}
.favorites[data-is-check="true"] .stroke {
  display: none;
}
.favorites[data-is-check="false"] .fill {
  display: none;
}
.favorites[data-is-check="false"] .stroke {
  display: block;
}
.labels {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  padding-right: 20px;
  list-style: none;
  top: 15px;
  left: 15px;
  right: 35px;
  gap: 5px;
}
.labels__item {
  color: #ffffff;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #e31e25;
}
.labels__item a {
  color: #ffffff;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}
.labels__item a:visited {
  color: #0f0202;
}
.labels__button {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #0f0202;
  cursor: pointer;
}
.items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  opacity: 1;
  transition: opacity 0.3s;
}
.items--list .items__itemWrap {
  border-bottom: 1px solid #818181;
}
.items--list .items__item {
  display: grid;
  grid-template-columns: 80px 1fr;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 10px;
  padding: 20px;
}
.items--list .items__itemTitle {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  font-size: 16px;
}
.items--list .items__infoWrap {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.items--list .items__labels {
  top: 16px;
  position: static;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
}
.items--list .items__itemImage {
  grid-row-start: 5;
  grid-row-end: 7;
  align-self: start;
}
.items--list .items__itemRatingWrap {
  grid-row-start: 4;
  grid-column-start: 1;
  grid-column-end: 3;
  padding-bottom: 10px;
}
.items--list .items__itemPropertyWrap {
  grid-row-start: 5;
}
.items--list .items__itemStoreWrap {
  grid-row-start: 6;
  grid-column-start: 2;
}
.items--list .items__itemActionWrap {
  grid-row-start: 7;
  grid-column-start: 2;
  margin-left: auto;
  display: flex;
  align-items: baseline;
  justify-content: end;
  gap: 8px;
}
.items--list .items__itemActionWrap[data-in-cart="false"] {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.items--list .items__itemActionWrap[data-in-cart="true"] {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-column-gap: 20px;
}
.items--list .items__itemActionWrap[data-in-cart="true"] .items__itemPrice {
  grid-column-start: 2;
  text-align: right;
}
.items--list .items__itemActionWrap[data-in-cart="true"] .items__itemPriceOld {
  grid-column-start: 2;
  text-align: right;
}
.items--list .items__commerceWrap {
  grid-row-start: 8;
  grid-column-start: 2;
}
.items--list .items__itemAddButton {
  padding: 12px 26px;
  padding-left: 50px;
  border-radius: 5px;
  background-size: 20px;
  background-position: left 22px center;
}
.items--list .items__itemCartButton {
  padding: 12px 26px;
  border-radius: 5px;
  background-image: none;
  background-color: #e31e25;
  color: #ffffff;
}
.items--list .items__itemPrice {
  font-size: 24px;
}
.items--list .items__itemDeliveryNote {
  grid-column-start: 2;
  grid-row-start: 8;
}
.items--tile {
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
  padding-bottom: 30px;
}
.items--tile .items__item {
  display: grid;
  grid-template-rows: 20px 150px 25px 1fr 45px 50px;
  height: 100%;
  box-sizing: border-box;
  row-gap: 10px;
  padding: 10px;
  border: 2px solid #f5f5f5;
  padding-top: 10px;
}
.items--tile .items__item[data-like-mp="true"] {
  grid-template-rows: 20px 150px 25px 1fr minmax(28px, max-content) 42px 18px;
  padding-bottom: 10px;
}
.items--tile .items__item:hover {
  border-color: #fbe1e2;
}
.items--tile .items__itemTitle {
  flex: 1 0 auto;
  overflow: hidden;
}
.items--tile .items__infoWrap {
  order: -2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.items--tile .items__itemImage {
  height: 150px;
}
.items--tile .items__itemRatingWrap {
  order: -1;
}
.items--tile .items__itemPropertyWrap {
  display: none;
}
.items--tile .items__itemActionWrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
}
.items--tile .items__itemPrice {
  grid-row-start: 2;
}
.items--tile .items__itemAddButton {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  font-size: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  padding: 0;
}
.items--tile .items__itemCartButton {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  font-size: 0;
  width: 45px;
  height: 45px;
  padding: 0;
}
.items--tile .items__counter {
  display: none;
}
.items__item {
  color: #0f0202;
  position: relative;
  border-radius: 5px;
}
.items__labels {
  padding: 0;
  margin: 0;
  list-style: none;
  top: 36px;
  left: 10px;
}
.items__itemTitle {
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.items__itemTitle a {
  text-decoration: none;
  color: #0f0202;
}
.items__infoWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.items__itemId {
  color: #818181;
  font-size: 12px;
}
.items__itemImage {
  order: -1;
  -o-object-fit: none;
  object-fit: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.items__itemImage img {
  max-height: 100%;
  max-width: 100%;
}
.items__itemActionWrap {
  margin-top: auto;
}
.items__itemActionWrap[data-in-cart="true"] .items__itemAddButton {
  display: none;
}
.items__itemActionWrap[data-in-cart="false"] .items__itemCartButton {
  display: none;
}
.items__itemActionWrap[data-in-cart="false"] .items__counter {
  display: none;
}
.items__itemPrice {
  font-size: 20px;
  font-weight: bold;
}
.items__itemAddButton {
  display: block;
  padding: 10px 15px;
  border: none;
  background-color: #e31e25;
  background-image: url("../img/sprite.svg#icon-cart-white");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 25px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.items__itemCartButton {
  display: block;
  padding: 10px 15px;
  border: none;
  background-color: transparent;
  background-image: url("../img/sprite.svg#icon-cart-check");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
.items__commerceWrap {
  display: grid;
  gap: 8px;
}
.items__commerceWrap[data-in-cart="true"] .items__addToCartButton {
  display: none;
}
.items__commerceWrap[data-in-cart="false"] .items__cartLink {
  display: none;
}
.items__addToCartButton {
  background-color: #e31e25;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  padding: 12px 16px;
  transition: background-color 0.3s;
}
.items__addToCartButton:hover {
  background-color: #ea595e;
}
.items__cartLink {
  background-color: #fbe1e2;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  color: #e31e25;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px 16px;
  transition: background-color 0.3s;
}
.items__cartLink:hover {
  background-color: #f7c3c4;
}
.items__itemStoreWrap {
  color: #777777;
}
.items__itemStore {
  margin: 0;
}
.items__itemDate {
  margin: 0;
}
.items__itemDeliveryNote {
  text-align: center;
  color: #818181;
  font-size: 14px;
  margin: 0;
}
@media (min-width: 450px) {
  .items--tile .items__itemActionWrap {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: end;
    gap: 8px;
  }
}
@media (min-width: 700px) {
  .items--tile {
    grid-template-columns: repeat(3, 1fr);
  }
  .items__item {
    padding: 20px;
  }
}
@media (min-width: 850px) {
  .items--list .items__item {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
  }
  .items--list .items__itemTitle {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 3;
    font-size: 18px;
  }
  .items--list .items__infoWrap {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
  }
  .items--list .items__labels {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 2;
  }
  .items--list .items__commerceWrap {
    grid-row-start: 7;
    grid-column-start: 3;
  }
  .items--list .items__itemDeliveryNote {
    grid-column-start: 2;
    grid-row-start: auto;
    text-align: left;
  }
  .items--list .items__itemRatingWrap {
    grid-row-start: 4;
    grid-column-start: auto;
    grid-column-end: auto;
    padding-bottom: 0;
  }
  .items--list .items__itemImage {
    grid-row-start: 1;
    grid-row-end: 7;
  }
  .items--list .items__itemActionWrap {
    grid-row-start: 5;
    grid-row-end: 7;
    grid-column-start: 3;
  }
  .items--list .items__itemPropertyWrap {
    grid-row-start: 5;
    grid-row-end: 5;
  }
  .items--list .items__itemStoreWrap {
    grid-row-start: 6;
    grid-row-end: 6;
  }
}
@media (min-width: 1000px) {
  .items__labels {
    order: -1;
    padding-bottom: 20px;
  }
}
@media (min-width: 1250px) {
  .items--tile {
    grid-template-columns: repeat(4, 1fr);
  }
}
.accessory__wrap {
  padding: 20px;
  display: grid;
  gap: 20px;
}
.accessory__title {
  font-size: 24px;
  color: #0f0202;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 1000px) {
  .accessory__wrap {
    grid-template-columns: 260px 1fr;
  }
  .accessory__title {
    padding-top: 40px;
  }
}
.goods {
  overflow: hidden;
  background-color: #f5f5f5;
}
.goods .main-page__title {
  padding-left: 60px;
  padding-right: 60px;
}
.goods__wrap {
  display: grid;
  gap: 10px;
  margin-left: -40px;
  margin-right: -40px;
  padding: 0;
  padding-top: 20px;
}
.goods__title {
  font-size: 24px;
  color: #0f0202;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 560px) {
  .goods .main-page__title {
    padding-left: 20px;
    padding-right: 20px;
  }
  .goods__wrap {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
}
@media (min-width: 1000px) {
  .goods__wrap {
    grid-template-columns: 260px 1fr;
  }
  .goods__title {
    padding-top: 40px;
  }
}
.tooltip {
  margin-left: 12px;
}
.tooltip[data-show="true"] .tooltip__textWrap {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.tooltip[data-show="true"] .tooltip__icon {
  fill: #e31e25;
}
.tooltip[data-show="true"] .tooltip__overlay {
  opacity: 0.5;
  visibility: visible;
}
.tooltip__showButton {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.tooltip__icon {
  width: 20px;
  height: 20px;
  display: block;
  fill: #818181;
  transition: fill 0.3s;
}
.tooltip__textWrap {
  background-color: #ffffff;
  z-index: 601;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: 10px 5px;
  border-top-right-radius: 10px 5px;
  transform: translateY(100%);
  border-bottom: 1px solid #e31e25;
  transition: opacity 0.3s, transform 0.6s cubic-bezier(0.18, 0.89, 0.5, 1.15);
}
.tooltip__text {
  color: #0f0202;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px;
  max-height: 60vh;
  overflow-y: auto;
}
.tooltip__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0202;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  z-index: 600;
}
.tooltip__closeButton {
  width: 100%;
  height: 40px;
  padding: 0;
  background-color: #f5f5f5;
  border: none;
  cursor: pointer;
  font-size: 0;
}
.tooltip__closeButton svg {
  fill: #818181;
  transition: fill 0.3s;
}
.tooltip__closeButton:hover svg {
  fill: #e31e25;
}
@media (min-width: 1000px) {
  .tooltip {
    display: block;
    position: relative;
  }
  .tooltip:hover .tooltip__textWrap,
  .tooltip:focus .tooltip__textWrap {
    visibility: visible;
    opacity: 1;
    position: absolute;
    right: auto;
    bottom: auto;
  }
  .tooltip:hover .tooltip__icon,
  .tooltip:focus .tooltip__icon {
    fill: #e31e25;
  }
  .tooltip__textWrap {
    left: 36px;
    z-index: 1;
    transform: translateY(-50%);
    border: 1px solid #818181;
    border-radius: 10px;
    width: 400px;
    background-color: #fdf0f0;
  }
  .tooltip__textWrap::before {
    position: absolute;
    content: "";
    border: 11px solid transparent;
    border-right-color: #e31e25;
    left: -22px;
    top: 50%;
    margin-top: -23px;
  }
  .tooltip__textWrap::after {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    border-right-color: #ffffff;
    left: -20px;
    top: 50%;
    margin-top: -22px;
  }
  .tooltip__overlay,
  .tooltip__closeButton {
    display: none;
  }
}
.contact {
  position: relative;
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 25px;
  justify-content: start;
  align-items: baseline;
}
.contact--footer {
  justify-content: space-between;
}
.contact--header {
  justify-content: space-between;
}
.contact--popup {
  justify-content: space-between;
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.contact__city {
  position: relative;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #818181;
  font-size: 16px;
  cursor: pointer;
  padding-left: 30px;
  padding-right: 4px;
  transition: color 0.3s;
  min-height: 38px;
  font-family: "Roboto", "Arial", sans-serif;
}
.contact__city::before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url("../img/sprite.svg#icon-address");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  transition: background-position 0.2s, transform 0.2s;
}
.contact__city::after {
  position: absolute;
  left: 5px;
  bottom: 2px;
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f5f5f5;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.2s;
}
.contact__city:hover {
  color: #0f0202;
}
.contact__city:hover::before {
  background-position: center top;
  transform: scale(1.2);
}
.contact__city:hover::after {
  transform: scale(1);
}
.contact__city[data-checked="false"]::before {
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 2s;
}
.contact__phone {
  position: relative;
  color: #818181;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 4px;
  font-size: 16px;
  display: flex;
  min-height: 38px;
  align-items: center;
  transition: color 0.3s;
}
.contact__phone svg {
  position: absolute;
  left: 4px;
  width: 20px;
  height: 20px;
  fill: #e31e25;
  transform-origin: 100% 100%;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.contact__phone:hover {
  color: #0f0202;
}
.contact__phone:hover svg {
  transform: rotate(25deg) translateY(4px);
}
.contact__confirm {
  position: absolute;
  top: 100%;
  width: 300px;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #818181;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}
.contact__confirm::before {
  position: absolute;
  content: "";
  top: -22px;
  left: 39px;
  border: 11px solid transparent;
  border-bottom-color: #e31e25;
}
.contact__confirm::after {
  position: absolute;
  content: "";
  top: -20px;
  left: 40px;
  border: 10px solid transparent;
  border-bottom-color: #ffffff;
}
.contact__confirm[data-show="false"] {
  display: none;
}
.contact__confirm--mobile {
  padding: 8px;
  border-radius: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: min-content 1fr max-content;
  align-items: center;
  border-left: none;
  border-right: none;
}
.contact__confirm--mobile::before {
  content: none;
}
.contact__confirm--mobile::after {
  content: none;
}
.contact__confirm--mobile .contact__confirmWrapText {
  padding-bottom: 0;
}
.contact__confirm--mobile .contact__confirmWrapButton {
  padding-left: 8px;
}
.contact__confirmWrapText {
  display: grid;
  gap: 12px;
  padding-bottom: 20px;
}
.contact__confirmWrapButton {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1000px) {
  .contact:hover .contact__confirm {
    opacity: 1;
    visibility: visible;
  }
  .contact--footer {
    justify-content: start;
  }
  .contact--header {
    justify-content: start;
  }
  .contact__confirm--mobile {
    display: none;
  }
}
.main-header {
  background-color: #ffffff;
  box-shadow: 0px 0px 20px #d9d9d9;
  color: #818181;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
}
.main-header[data-is-search="true"] .main-header__cancelSearchButton {
  display: block;
}
.main-header[data-is-search="true"] .main-header__wrap {
  grid-template-columns: 1fr;
  padding: 20px;
}
.main-header[data-is-search="true"] .main-header__search {
  display: block;
}
.main-header[data-is-search="true"] .main-header__burger {
  display: none;
}
.main-header[data-is-search="true"] .main-header__left {
  display: none;
}
.main-header[data-is-search="true"] .main-header__searchButton {
  display: none;
}
.main-header[data-is-search="true"] .main-header__right {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 20px;
}
.main-header__wrap {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  padding: 10px 20px;
  position: relative;
}
.main-header__logo {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.main-header__center {
  display: none;
  z-index: 99;
}
.main-header__catalogButton {
  display: none;
}
.main-header__contact {
  padding: 20px 0;
}
.main-header__oldDesignButton {
  grid-column-start: 2;
  background-color: transparent;
  color: #818181;
  border: none;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}
.main-header__oldDesignButton:hover {
  color: #e31e25;
}
.main-header__search {
  display: none;
}
.main-header__searchButton {
  font-size: 0;
  width: 40px;
  height: 40px;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}
.main-header__searchButton svg {
  fill: #818181;
}
.main-header__cancelSearchButton {
  display: none;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #818181;
  font-size: 16px;
  cursor: pointer;
}
.main-header__userBlock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 1000px) {
  .main-header--scroll .main-header__wrap {
    padding: 14px 20px;
  }
  .main-header--scroll .main-header__center:not(.main-header__center--popup) {
    display: none;
  }
  .main-header--scroll .main-header__left {
    grid-row-start: auto;
    grid-row-end: auto;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr max-content;
    gap: 20px;
    align-items: end;
  }
  .main-header--scroll .main-header__logo {
    padding-bottom: 0;
  }
  .main-header--scroll .main-header__right {
    padding-top: 0;
  }
  .main-header__wrap {
    display: grid;
    grid-template-columns: min-content 1fr;
    padding: 20px;
    box-sizing: border-box;
  }
  .main-header__logo {
    height: auto;
    padding-bottom: 14px;
    min-width: 153px;
  }
  .main-header__logo img {
    width: 150px;
    height: 40px;
  }
  .main-header__left {
    grid-row-start: 1;
    grid-row-end: 3;
    padding-right: 50px;
  }
  .main-header__center {
    display: block;
    position: static;
    width: auto;
    height: auto;
  }
  .main-header__wrapCenter {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
  }
  .main-header__right {
    padding-top: 6px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .main-header__catalogLink {
    text-decoration: none;
  }
  .main-header__catalogButton {
    display: block;
  }
  .main-header__burger {
    display: none;
  }
  .main-header__contact {
    display: flex;
    padding: 0;
  }
  .main-header__oldDesignButton {
    grid-column-start: auto;
  }
  .main-header__searchButton {
    display: none;
  }
  .main-header__search {
    display: block;
    flex: 1 0 auto;
    max-width: 750px;
    padding-right: 20px;
  }
  .main-header__userBlock {
    position: static;
  }
}
.main-footer {
  display: block;
  box-shadow: 0px 0px 20px #d9d9d9;
}
.main-footer__wrap {
  padding: 20px;
  padding-bottom: 80px;
  box-sizing: border-box;
  display: grid;
  gap: 24px;
}
.main-footer__addresses {
  display: none;
  padding: 2px;
  color: #e31e25;
  font-size: 18px;
  text-decoration: none;
}
.main-footer__contacts {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 2px dotted red;
  border-bottom: 2px dotted red;
}
.main-footer__contacts::before,
.main-footer__contacts::after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  height: 2px;
  background-image: linear-gradient(to right, white, transparent, red, transparent, white);
}
.main-footer__contacts::before {
  top: -2px;
}
.main-footer__contacts::after {
  bottom: -2px;
}
.main-footer__contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.main-footer__copyright {
  color: #818181;
  text-align: center;
  margin: 0;
  font-size: 16px;
  padding: 12px 0 8px;
}
.main-footer__remoteAddr {
  color: #818181;
  font-size: 12px;
  text-align: center;
  margin: 0;
}
@media (min-width: 500px) {
  .main-footer__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .main-footer__contacts {
    order: -1;
    padding: 0;
    border: none;
  }
  .main-footer__contacts::before,
  .main-footer__contacts::after {
    content: none;
  }
  .main-footer__contact {
    align-items: start;
  }
  .main-footer__bottom {
    grid-column: span 2;
  }
}
@media (min-width: 1000px) {
  .main-footer__wrap {
    padding: 30px 20px;
  }
  .main-footer__addresses {
    display: block;
    margin-top: 16px;
  }
}
.main-page {
  padding-top: 60px;
  transition: padding 0.3s;
}
.main-page .main-page__swiperButton {
  display: none;
}
.main-page .swiper-pagination-bullet {
  border: 2px solid #ffffff;
}
.main-page .swiper-pagination-bullet-active {
  background-color: #e31e25;
}
.main-page[data-is-confirm-city="true"] {
  padding-top: 118px;
}
.main-page__header {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 12px;
  align-items: center;
}
.main__ .main-page__backButton {
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
}
.main__ .main-page__backButton svg {
  fill: #818181;
  transition: fill 0.3s;
}
.main__ .main-page__backButton:hover {
  border-bottom-color: #e31e25;
}
.main__ .main-page__backButton:hover svg {
  fill: #e31e25;
}
.main-page__titleWrap {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
}
.main-page__title {
  font-size: 24px;
  color: #0f0202;
  font-weight: bold;
  margin: 0;
}
.main-page__title a {
  text-decoration: none;
  color: #0f0202;
}
.main-page__link {
  text-decoration: none;
  color: #e31e25;
}
.main-page__section {
  padding-top: 20px;
}
.main-page__goods {
  padding-top: 20px;
}
.main-page__sectionWrap {
  display: grid;
  gap: 10px;
  padding: 20px;
}
.main-page__content {
  width: 100%;
  overflow: hidden;
}
.main-page__list {
  padding-top: 8px;
  padding-bottom: 20px;
  padding-left: 10px;
  box-sizing: border-box;
  margin: 0;
  list-style: none;
}
.main-page__swiperButton {
  position: absolute;
  z-index: 10;
  top: 50%;
  margin-top: -20px;
  background-color: #ffffff;
  border-radius: 50%;
}
.main-page__swiperButton:hover {
  background-color: #e31e25;
}
.main-page__swiperButton:hover svg {
  fill: #ffffff;
}
.main-page__swiperButton--prev {
  left: 0;
}
.main-page__swiperButton--next {
  right: 0;
}
.main-page__swiperButton--hidden {
  visibility: hidden;
}
.main-page__swiperButton--disabled {
  visibility: hidden;
  cursor: auto;
  pointer-events: none;
}
.main-page__swiperButton--lock {
  visibility: hidden;
}
@media (min-width: 560px) {
  .main-page__section {
    padding-top: 0;
  }
  .main-page__goods {
    padding-top: 0;
  }
  .main-page__goods .main-page__sectionWrap {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
  .main-page__goods .main-page__title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1000px) {
  .main-page {
    padding-top: 135px;
  }
  .main-page .main-page__swiperButton {
    display: block;
  }
  .main-page[data-is-confirm-city="true"] {
    padding-top: 135px;
  }
  .main-page__sectionWrap {
    grid-template-columns: 260px 1fr;
  }
  .main-page__titleWrap {
    display: block;
  }
  .main-page__title {
    padding-top: 40px;
    padding-bottom: 16px;
    padding-left: 0;
  }
}
.nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav__item a {
  display: block;
  color: #818181;
  text-decoration: none;
  padding: 12px 5px;
  font-size: 16px;
  transition: color 0.3s;
}
.nav__item:hover a {
  color: #0f0202;
}
.nav__catalogLink {
  text-decoration: none;
}
.nav__catalogButton {
  padding: 10px 2px;
  background-color: transparent;
  border: none;
  display: block;
  color: #0f0202;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 1000px) {
  .nav__list {
    display: flex;
  }
  .nav__item {
    margin: 0 5px;
  }
  .nav__item a {
    padding: 8px 5px;
  }
  .nav__item:last-child {
    margin-right: 0;
  }
  .nav__item--about {
    display: none;
  }
  .nav__catalogLink {
    display: none;
  }
}
.footer-nav__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-nav__item {
  position: relative;
  padding-left: 16px;
  transition: background-color 0.3s;
}
.footer-nav__item a {
  display: block;
  color: #818181;
  text-decoration: none;
  padding: 8px 5px;
  font-size: 16px;
  line-height: 20px;
  transition: color 0.3s;
}
.footer-nav__item::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  left: -10px;
  top: 8px;
  background-image: url("../img/sprite.svg#arrow-small-right-red");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  opacity: 0;
  visibility: hidden;
  transition: left 0.3s, opacity 0.3s;
}
.footer-nav__item:hover {
  background-color: #fdf0f0;
  border-radius: 12px 0 0 12px;
}
.footer-nav__item:hover a {
  color: #0f0202;
}
.footer-nav__item:hover::before {
  left: 0;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1000px) {
  .footer-nav {
    display: grid;
    grid-auto-flow: column;
    gap: 80px;
    justify-content: start;
  }
}
.search {
  color: #0f0202;
}
.search[data-show-result="false"] .search__result {
  display: none;
}
.search[data-show-result="true"] .search__input {
  border-bottom-color: #e31e25;
}
.search__form {
  position: relative;
}
.search__input {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  padding-right: 30px;
  border: none;
  border-bottom: 1px solid #818181;
  font-size: 16px;
}
.search__input:focus {
  outline: none;
}
.search__button {
  position: absolute;
  right: 4px;
  top: 1px;
  font-size: 0;
  width: 22px;
  height: 22px;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}
.search__button svg {
  fill: #818181;
}
.search__clearButton {
  position: absolute;
  right: 30px;
  top: 0;
  font-size: 0;
  width: 22px;
  height: 22px;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  border: none;
}
.search__clearButton svg {
  fill: #e31e25;
}
.search__clearButton[data-mode="hide"] {
  display: none;
}
.search__result {
  background-color: #ffffff;
  min-height: 440px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 20px;
  box-sizing: border-box;
  height: calc(100vh - 123px);
  overflow: auto;
  z-index: 1;
  display: grid;
}
.search__resultNotFound {
  grid-column-start: 1;
  grid-column-end: 3;
  margin: 0;
  font-size: 18px;
  color: #818181;
}
.search__groupsResultList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.search__groupsResultItemLink {
  padding: 10px 0;
  text-decoration: none;
  color: #0f0202;
  display: block;
  font-size: 16px;
  line-height: 20px;
}
.search__groupsResultItemLink:hover {
  color: #e31e25;
}
.search__itemsResultList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.search__itemsResultItemLink {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 20px;
  text-decoration: none;
  color: #0f0202;
  padding: 20px 0;
}
.search__itemsResultItemImage {
  width: 100%;
  grid-row-start: 1;
  grid-row-end: 3;
  max-height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
.search__itemsResultItemTitle {
  margin: 0;
  font-size: 16px;
}
.search__itemsResultItemPrice {
  margin: 0;
  font-size: 16px;
}
.search__itemsResultItemPrice span {
  color: #818181;
}
.search__itemsResultWrap {
  order: -1;
  padding-bottom: 20px;
}
.search__itemsResultItemNotAvailable {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: grey;
}
.search__showAllLink {
  background-color: #ffffff;
  color: #818181;
  border: 1px solid #818181;
  border-radius: 5px;
  padding: 8px 15px;
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
}
.search__showAllLink:hover {
  color: #ffffff;
  background-color: #818181;
}
@media (min-width: 1000px) {
  .search__result {
    min-height: 440px;
    padding: 40px;
    padding-left: 253px;
    border-bottom: 1px solid #818181;
    display: grid;
    grid-template-columns: 66% 34%;
    gap: 20px;
    overflow: visible;
  }
  .search__showAllLink {
    display: inline-block;
  }
}
.userBlock {
  background-color: white;
  box-shadow: 0px 0px 20px #d9d9d9;
}
.userBlock__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(5, 1fr);
}
.userBlock__item {
  position: relative;
}
.userBlock__item a,
.userBlock__item button {
  display: flex;
  gap: 4px;
  flex-direction: column;
  align-items: center;
  padding: 10px 2px 6px 2px;
  background-color: transparent;
  border: none;
  color: #818181;
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
}
.userBlock__item svg {
  width: 24px;
  height: 24px;
  fill: #818181;
}
.userBlock__item--main a,
.userBlock__item--main button {
  color: #e31e25;
}
.userBlock__item--main svg {
  fill: #e31e25;
}
.userBlock__item--contacts {
  order: 2;
  display: none;
}
.userBlock__item--user {
  order: 3;
}
.userBlock__item--basket a,
.userBlock__item--favorites a {
  position: relative;
}
.userBlock__item--basket a::after,
.userBlock__item--favorites a::after {
  position: absolute;
  content: attr(data-count);
  background-color: #e31e25;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  color: #ffffff;
  top: 4px;
  left: 50%;
  margin-left: 8px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
}
.userBlock__item--basket a[data-count=""]::after,
.userBlock__item--favorites a[data-count=""]::after {
  content: none;
}
.userBlock__item--catalog svg {
  width: 24px;
  height: 24px;
  top: 10px;
}
@media (min-width: 500px) {
  .userBlock__list {
    grid-template-columns: repeat(6, 1fr);
  }
  .userBlock__item--contacts {
    display: block;
  }
}
@media (min-width: 1000px) {
  .userBlock {
    background-color: white;
    box-shadow: none;
  }
  .userBlock__list {
    gap: 20px;
    grid-template-columns: none;
  }
  .userBlock__item a,
  .userBlock__item button {
    padding-bottom: 0;
    padding-top: 4px;
    font-size: 14px;
  }
  .userBlock__item svg {
    top: 4px;
  }
  .userBlock__item--main,
  .userBlock__item--catalog,
  .userBlock__item--contacts {
    display: none;
  }
  .userBlock__item--user {
    order: 0;
  }
  .userBlock__item--basket a::after,
  .userBlock__item--favorites a::after {
    top: -6px;
  }
}
.social__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.social__item {
  padding-right: 10px;
}
.social__link {
  background-color: #ffffff;
  border-radius: 50%;
  font-size: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.social__link svg {
  fill: #818181;
  transition: fill 0.3s;
}
.social__link:hover {
  background-color: #fdf0f0;
}
.social__link:hover svg {
  fill: #e31e25;
}
@media (min-width: 500px) {
  .social__list {
    justify-content: start;
  }
}
.cities {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cities--popular .cities__list {
  display: flex;
  flex-wrap: wrap;
}
.cities--popular .cities__item {
  position: relative;
  padding-left: 20px;
  padding-right: 12px;
}
.cities--popular .cities__item::after {
  left: 0;
  position: absolute;
  content: "•";
  font-size: 20px;
  line-height: 28px;
  color: #e31e25;
}
.cities--popular .cities__item:first-child {
  padding-left: 0;
}
.cities--popular .cities__item:first-child::after {
  content: none;
}
.cities--alphabet .cities__list {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.cities--alphabet .cities__item {
  color: #e31e25;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
.cities--alphabet .cities__cityButton {
  font-size: 16px;
  text-align: left;
}
.cities__list,
.cities__sublist {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cities__cityButton {
  padding: 5px;
  padding-left: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-size: 16px;
  font-family: "Roboto", "Arial", sans-serif;
  color: #0f0202;
  transition: color 0.3s;
}
.cities__cityButton[data-active="true"] {
  font-weight: bold;
}
.cities__cityButton:hover {
  color: #e31e25;
}
@media (min-width: 500px) {
  .cities--alphabet .cities__list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media (min-width: 1000px) {
  .cities--alphabet .cities__list {
    -moz-column-count: 4;
         column-count: 4;
  }
}
.catalog {
  height: calc(100vh - 110px);
  overflow-y: auto;
}
.catalog__title {
  padding: 10px 2px;
  color: #0f0202;
  font-size: 18px;
  font-weight: bold;
  display: block;
  text-decoration: none;
}
.catalog__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.catalog__item:hover > .catalog__link {
  font-weight: bold;
}
.catalog__link {
  text-decoration: none;
  color: #818181;
  padding: 10px 2px;
  display: block;
  font-size: 18px;
}
.catalog__subwrap {
  display: none;
}
@media (min-width: 1000px) {
  .catalog {
    position: relative;
    overflow-y: visible;
  }
  .catalog__list {
    width: 280px;
    border-right: 5px solid #f5f5f5;
    height: 100%;
    overflow-y: auto;
  }
  .catalog__item--active {
    border-left: 2px solid red;
    padding-left: 8px;
    box-shadow: 0 0 2px 1px grey;
  }
  .catalog__item--active > .catalog__link {
    font-weight: bold;
    color: #e31e25;
  }
  .catalog__item--active .catalog__subwrap {
    display: block;
  }
  .catalog__subwrap {
    display: none;
    position: absolute;
    top: 42px;
    left: 300px;
    width: calc(100% - 340px);
    height: 100%;
    padding-left: 20px;
    overflow-y: auto;
  }
  .catalog__sublist {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-column-width: 350px;
         column-width: 350px;
  }
  .catalog__subitem:hover > .catalog__link {
    font-weight: bold;
    color: #e31e25;
  }
}
.banner {
  position: relative;
  display: block;
  padding-bottom: 20px;
}
.banner__wrap {
  display: flex;
  position: relative;
}
.banner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  grid-template-columns: repeat(1, 1fr);
}
.banner__link {
  width: 100%;
  display: block;
}
.banner__image {
  width: 100%;
  height: auto;
}
.banner__swiperWrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.banner__swiperWrap .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
  position: relative;
  margin: 0 10px;
  bottom: 0;
}
.banner__swiperWrap .swiper__button {
  display: none;
}
@media (min-width: 1000px) {
  .banner {
    padding-bottom: 30px;
  }
  .banner__swiperWrap {
    bottom: -6px;
  }
  .banner__swiperWrap .swiper__button {
    display: block;
  }
}
.news__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
.news__card {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #818181;
  border-radius: 10px;
  height: 100%;
  transition: background-color 0.3s, box-shadow 0.3s, border 0.3s;
  overflow: hidden;
}
.news__card:hover {
  box-shadow: 0px 0px 2px 2px #d9d9d9;
}
.news__card:hover .news__title {
  color: #e31e25;
}
.news__card:hover::before {
  width: 6px;
}
.news__card:active {
  background-color: #fdf0f0;
}
.news__card:active .news__text::after {
  background-image: linear-gradient(0deg, #fdf0f0 0%, rgba(255, 255, 255, 0) 100%);
}
.news__card::before {
  position: absolute;
  content: "";
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #e31e25;
  transition: width 0.3s;
  z-index: 1;
}
.news__link {
  color: #0f0202;
  text-decoration: none;
  padding: 16px 0;
  display: grid;
  grid-template-rows: 20px 48px 1fr min-content;
  gap: 16px;
  height: 100%;
  box-sizing: border-box;
}
.news__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #0f0202;
  margin: 0;
  /* Убираем внешний отступ */
  -webkit-line-clamp: 2;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
  height: 48px;
  padding: 0 16px;
  transition: color 0.3s;
}
.news__image {
  width: 100%;
  height: auto;
  order: -1;
  background-color: #f5f5f5;
}
.news__text {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  padding: 0 16px;
  margin: 0;
  /* Убираем внешний отступ */
  -webkit-line-clamp: 4;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
  height: 80px;
}
.news__text::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-image: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.news__date {
  color: #818181;
  font-size: 16px;
  line-height: 20px;
  order: -2;
  text-align: right;
  padding: 0 16px;
}
.news__buttonWrap {
  margin-left: auto;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.news__moreButton {
  padding: 12px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #e31e25;
  font-size: 16px;
}
.news__moreIcon {
  width: 24px;
  height: 24px;
  fill: #e31e25;
}
@media (max-width: 640px) {
  .news__item .news__card .news__title {
    color: #e31e25;
  }
  .news__item .news__card::before {
    width: 6px;
  }
}
@media (min-width: 640px) {
  .news__card:hover .news__moreIcon {
    animation: go 2s 3;
  }
}
@media (min-width: 600px) {
  .news__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1000px) {
  .news__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.preview-product {
  box-sizing: border-box;
  background-color: #ffffff;
  height: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 2px 2px #d9d9d9;
  border-radius: 10px;
  transform: translateY(0);
  transition: transform 0.3s, box-shadow 0.3s;
}
.preview-product:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 3px 1px #d9d9d9;
}
.preview-product:hover .preview-product__cartButton {
  display: block;
  visibility: visible;
  opacity: 1;
}
.preview-product:hover .preview-product__favorites {
  opacity: 1;
  visibility: visible;
}
.preview-product__wrap {
  background-color: #ffffff;
  padding: 15px 12px;
  display: grid;
  grid-template-rows: 150px minmax(auto, 56px) min-content;
  gap: 10px;
  text-decoration: none;
}
.preview-product__wrap[data-is-active="false"] {
  grid-template-rows: 150px minmax(auto, 56px) 45px;
}
.preview-product__title {
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #0f0202;
  margin: 0;
  /* Убираем внешний отступ */
  -webkit-line-clamp: 3;
  /* Число отображаемых строк */
  display: -webkit-box;
  /* Включаем флексбоксы */
  -webkit-box-orient: vertical;
  /* Вертикальная ориентация */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
}
.preview-product__image {
  height: 150px;
  order: -1;
  text-align: center;
  display: flex;
  margin: 0 auto;
}
.preview-product__image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 1;
}
.preview-product__actionWrap {
  margin-top: auto;
  min-height: 45px;
  align-items: center;
  display: grid;
  align-items: end;
  justify-content: space-between;
}
.preview-product__actionWrap[data-in-cart="true"] .preview-product__cartButton {
  display: none;
}
.preview-product__actionWrap[data-in-cart="false"] .preview-product__cartLink {
  display: none;
}
.preview-product__price {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  grid-row-start: 2;
}
.preview-product__price--discount {
  color: #e31e25;
}
.preview-product__price span {
  color: #818181;
}
.preview-product__priceOld {
  text-decoration: line-through;
  font-size: 14px;
  margin: 0;
}
.preview-product__cartButton {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e31e25;
  background-image: url("../img/sprite.svg#icon-cart-white");
  background-repeat: no-repeat;
  background-position: left 7px center;
  background-size: 22px;
  font-size: 0;
  cursor: pointer;
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.preview-product__cartLink {
  padding: 0;
  border: none;
  background-color: transparent;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-image: url("../img/sprite.svg#icon-cart-check");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 30px;
  font-size: 0;
  grid-column-start: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.preview-product__favorites {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
@media (max-width: 560px) {
  .actions__item--active .preview-product {
    transform: translateY(-10px);
    box-shadow: 0px 4px 3px 1px #d9d9d9;
  }
}
.preview-product__itemNotAvailable {
  margin: 0;
  color: #818181;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-self: end;
}
@media (min-width: 1000px) {
  .preview-product__cartButton {
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
  }
  .preview-product__wrap {
    padding: 16px;
  }
}
.product-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  opacity: 1;
  transition: opacity 0.3s;
}
.product-list[data-state="loader"] {
  opacity: 0.4;
}
.product-list--list .product-list__item {
  border-bottom: 1px solid #818181;
}
.product-list--list .product-list__itemWrap {
  display: grid;
  grid-template-columns: 80px 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 10px;
  padding: 20px 0;
}
.product-list--list .product-list__itemImage {
  grid-row-start: 4;
  grid-row-end: 7;
  align-self: start;
}
.product-list--list .product-list__itemTitle {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  font-size: 16px;
}
.product-list--list .product-list__itemRatingWrap {
  grid-row-start: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  padding-bottom: 10px;
}
.product-list--list .product-list__itemPropertyWrap {
  grid-row-start: 4;
}
.product-list--list .product-list__itemStoreWrap {
  grid-row-start: 5;
  grid-column-start: 2;
}
.product-list--list .product-list__itemActionWrap {
  grid-row-start: 6;
  grid-column-start: 2;
  margin-left: auto;
}
.product-list--list .product-list__itemActionWrap[data-in-cart="false"] {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.product-list--list .product-list__itemActionWrap[data-in-cart="true"] {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-column-gap: 20px;
}
.product-list--list .product-list__itemActionWrap[data-in-cart="true"] .product-list__itemPrice {
  grid-column-start: 2;
  text-align: right;
}
.product-list--list .product-list__itemActionWrap[data-in-cart="true"] .product-list__itemPriceOld {
  grid-column-start: 2;
  text-align: right;
}
.product-list--list .product-list__itemAddButton {
  padding: 12px 26px;
  padding-left: 50px;
  border-radius: 5px;
  background-size: 20px;
  background-position: left 22px center;
}
.product-list--list .product-list__itemCartButton {
  padding: 12px 26px;
  border-radius: 5px;
  background-image: none;
  background-color: #e31e25;
  color: #ffffff;
}
.product-list--list .product-list__itemPrice {
  padding-bottom: 20px;
  font-size: 24px;
}
.product-list--list .product-list__itemLabelList {
  position: static;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-column-end: 3;
}
.product-list--tile {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  padding-bottom: 30px;
  grid-row-gap: 40px;
}
.product-list--tile .product-list__itemWrap {
  display: grid;
  grid-template-rows: 150px 25px 1fr 45px 50px;
  height: 100%;
  box-sizing: border-box;
  row-gap: 10px;
}
.product-list--tile .product-list__itemTitle {
  flex: 1 0 auto;
  overflow: hidden;
}
.product-list--tile .product-list__itemImage {
  height: 150px;
}
.product-list--tile .product-list__itemRatingWrap {
  order: -1;
}
.product-list--tile .product-list__itemPropertyWrap {
  display: none;
}
.product-list--tile .product-list__itemActionWrap {
  display: grid;
  align-items: end;
  justify-content: space-between;
}
.product-list--tile .product-list__itemPrice {
  grid-row-start: 2;
}
.product-list--tile .product-list__itemAddButton {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  font-size: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  padding: 0;
}
.product-list--tile .product-list__itemCartButton {
  grid-column-start: 2;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  font-size: 0;
  width: 45px;
  height: 45px;
  padding: 0;
}
.product-list--tile .product-list__counter {
  display: none;
}
.product-list__itemWrap {
  color: #0f0202;
  position: relative;
}
.product-list__itemWrap:hover .product-list__favorites {
  opacity: 1;
  visibility: visible;
}
.product-list__itemLabelList {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  padding-right: 20px;
  list-style: none;
  top: 15px;
  left: 15px;
  right: 15px;
}
.product-list__itemLabelItem {
  color: #ffffff;
  padding: 5px;
  font-size: 12px;
  border-radius: 5px;
  background-color: #e31e25;
  margin-right: 5px;
  margin-bottom: 5px;
}
.product-list__itemLabelItemButton {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #0f0202;
  cursor: pointer;
}
.product-list__itemTitle {
  font-weight: normal;
  font-size: 14px;
  margin: 0;
}
.product-list__itemTitle a {
  text-decoration: none;
  color: #0f0202;
}
.product-list__itemImage {
  order: -1;
  -o-object-fit: none;
     object-fit: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list__itemImage img {
  max-height: 100%;
  max-width: 100%;
}
.product-list__itemRating {
  background-color: transparent;
  border: none;
  padding: 5px;
  padding-left: 20px;
  background-image: url("../img/sprite.svg#icon-star");
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 15px;
}
.product-list__itemComment {
  background-color: transparent;
  border: none;
  padding: 5px;
  padding-left: 20px;
  background-image: url("../img/sprite.svg#icon-comment");
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 15px;
}
.product-list__favorites {
  position: absolute;
  right: 10px;
  top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
  z-index: 10;
}
.product-list__itemPropertyList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-list__itemPropertyText {
  margin: 0;
  color: #818181;
  font-size: 14px;
  line-height: 20px;
}
.product-list__itemPropertyText span {
  color: #0f0202;
}
.product-list__itemActionWrap {
  margin-top: auto;
  min-height: 45px;
}
.product-list__itemActionWrap[data-in-cart="true"] .product-list__itemAddButton {
  display: none;
}
.product-list__itemActionWrap[data-in-cart="false"] .product-list__itemCartButton {
  display: none;
}
.product-list__itemActionWrap[data-in-cart="false"] .product-list__counter {
  display: none;
}
.product-list__itemPrice {
  font-size: 20px;
  font-weight: bold;
}
.product-list__itemPrice--discount {
  color: #e31e25;
}
.product-list__itemPriceOld {
  text-decoration: line-through;
  font-size: 14px;
  margin: 0;
}
.product-list__itemAddButton {
  display: block;
  padding: 10px 15px;
  border: none;
  background-color: #e31e25;
  background-image: url("../img/sprite.svg#icon-cart-white");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 25px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
}
.product-list__itemCartButton {
  display: block;
  padding: 10px 15px;
  border: none;
  background-color: transparent;
  background-image: url("../img/sprite.svg#icon-cart-check");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}
.product-list__itemStoreWrap {
  color: #777777;
}
.product-list__itemStore {
  margin: 0;
}
.product-list__itemDate {
  margin: 0;
}
.product-list__itemNotAvailable {
  margin: 0;
  color: #818181;
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 700px) {
  .product-list--tile {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
  .product-list__itemWrap {
    padding: 20px;
  }
}
@media (min-width: 850px) {
  .product-list--list .product-list__itemWrap {
    display: grid;
    grid-template-columns: 200px 1fr 220px;
  }
  .product-list--list .product-list__itemTitle {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    font-size: 18px;
  }
  .product-list--list .product-list__itemRatingWrap {
    grid-row-start: 2;
    grid-column-start: auto;
    grid-column-end: auto;
    padding-bottom: 0;
  }
  .product-list--list .product-list__itemImage {
    grid-row-start: 1;
    grid-row-end: 5;
  }
  .product-list--list .product-list__itemActionWrap {
    grid-row-start: 3;
    grid-row-end: 5;
    grid-column-start: 3;
  }
  .product-list--list .product-list__itemLabelList {
    width: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
  }
  .product-list--list .product-list__itemPropertyWrap {
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .product-list--list .product-list__itemStoreWrap {
    grid-row-start: 4;
    grid-row-end: 4;
  }
  .product-list__item:hover {
    box-shadow: border-box;
    border-radius: 5px;
  }
}
@media (min-width: 1250px) {
  .product-list--tile {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalog-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
}
.catalog-page__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.catalog-page__itemLink {
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  color: #0f0202;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 42px;
  position: relative;
}
.catalog-page__itemIcon {
  position: absolute;
  top: 50%;
  left: 2px;
  fill: #e31e25;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.catalog-page__showButton {
  display: none;
}
.catalog-page__sublist {
  display: none;
}
@media (min-width: 600px) {
  .catalog-page__item {
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 42px;
  }
  .catalog-page__itemLink {
    font-size: 14px;
    margin-left: -42px;
  }
  .catalog-page__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-page__showButton {
    display: block;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    color: #e31e25;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 2px;
  }
  .catalog-page__sublist {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .catalog-page__subitem--hide {
    display: none;
  }
  .catalog-page__sublink {
    color: #0f0202;
    text-decoration: none;
    padding: 8px 2px;
    display: block;
  }
}
@media (min-width: 1100px) {
  .catalog-page__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.delivery-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
}
.group-page__wrap {
  box-sizing: border-box;
  display: grid;
  gap: 10px;
  padding: 20px;
}
.group-page__nav {
  display: none;
}
.group-page__content {
  padding-bottom: 20px;
}
.group-page__title {
  margin-bottom: 20px;
}
.group-page__groupList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.group-page__groupList[data-size="medium"] .group-page__groupLink {
  padding: 4px;
  gap: 4px;
}
.group-page__groupList[data-size="medium"] .group-page__groupTitle {
  font-size: 14px;
}
.group-page__groupList[data-size="medium"] .group-page__groupImg {
  width: 80%;
  margin: 0 auto;
}
.group-page__groupLink {
  padding: 12px;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 10px;
  align-items: center;
  color: #0f0202;
  text-decoration: none;
  font-weight: bold;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 2px #d9d9d9;
}
.group-page__groupLink:hover {
  color: #e31e25;
}
.group-page__groupImg {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.group-page__groupTitle {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
}
@media (min-width: 600px) {
  .group-page__groupList {
    grid-template-columns: repeat(3, 1fr);
  }
  .group-page__groupList[data-size="medium"] .group-page__groupLink {
    grid-template-rows: 1fr minmax(34px, max-content);
  }
  .group-page__groupLink {
    grid-template-columns: auto;
    grid-template-rows: 1fr 50px;
    text-align: center;
  }
}
@media (min-width: 800px) {
  .group-page__groupList {
    grid-template-columns: repeat(4, 1fr);
  }
  .group-page__groupList[data-size="medium"] {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1000px) {
  .group-page__wrap {
    grid-template-columns: 300px 1fr;
  }
  .group-page__nav {
    display: block;
  }
  .group-page__navList {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .group-page__navLink {
    text-decoration: none;
    color: #0f0202;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.product-list-page[data-is-filter-show="true"] .product-list-page__filter {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 600;
}
@media (min-width: 360px) {
  .product-list-page[data-is-filter-show="true"] .product-list-page__filter {
    width: 360px;
  }
}
.product-list-page__wrap {
  box-sizing: border-box;
  display: grid;
  margin-bottom: 50px;
}
.product-list-page__header {
  background-color: #f5f5f5;
}
.product-list-page__headerWrap {
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 10px;
  padding: 20px;
}
.product-list-page__breadcrumbs {
  padding-bottom: 10px;
  grid-column-start: 1;
  grid-column-end: -1;
}
.product-list-page__breadcrumbs a {
  color: #0f0202;
}
.product-list-page__title {
  grid-column-start: 1;
  grid-column-end: -1;
}
.product-list-page__count {
  margin: 0;
  color: #818181;
  font-size: 26px;
}
.product-list-page__filterButton {
  background-color: transparent;
  color: #e31e25;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
}
.product-list-page__content {
  display: grid;
  gap: 20px;
  align-items: start;
  padding-left: 4px;
  padding-right: 4px;
  width: 100%;
}
.product-list-page__filter {
  display: none;
}
.product-list-page__controls {
  display: grid;
  grid-template-columns: 1fr max-content min-content;
  gap: 8px;
}
.product-list-page__items[data-state="loader"] {
  opacity: 0.4;
}
.product-list-page__view {
  display: flex;
}
.product-list-page__viewButton {
  background-color: transparent;
  border: none;
  padding: 10px;
  font-size: 0;
  cursor: pointer;
}
.product-list-page__viewButton svg {
  fill: #818181;
}
.product-list-page__viewButton:hover svg {
  fill: #e31e25;
}
.product-list-page__viewButton--active svg {
  fill: #0f0202;
}
.product-list-page__appliedFilterWrap {
  padding: 20px;
}
.product-list-page__appliedFilterList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.product-list-page__appliedFilterItem {
  margin-right: 5px;
  margin-bottom: 5px;
}
.product-list-page__appliedFilterButton {
  background-color: #f5f5f5;
  border: none;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}
.product-list-page__appliedFilterButton svg {
  padding-left: 5px;
  fill: #818181;
}
.product-list-page__show-all {
  margin-bottom: 40px;
}
.product-list-page__show-all-button {
  width: 100%;
  background-color: #fbe1e2;
  border-color: #fbe1e2;
}
.product-list-page__show-all-button[data-state="count"] svg {
  display: none;
}
.product-list-page__show-all-button[data-state="loader"] {
  background-color: #f7c3c4;
  border-color: #f7c3c4;
  line-height: 11px;
  cursor: wait;
}
.product-list-page__show-all-button[data-state="loader"] span {
  display: none;
}
@media (min-width: 1000px) {
  .product-list-page__header {
    background-color: transparent;
  }
  .product-list-page__breadcrumbs {
    padding-bottom: 0;
  }
  .product-list-page__breadcrumbs a {
    color: #818181;
  }
  .product-list-page__headerWrap {
    grid-template-columns: auto 1fr;
    gap: 20px;
  }
  .product-list-page__title {
    grid-column-start: auto;
    grid-column-end: auto;
  }
  .product-list-page__count {
    font-size: 36px;
    line-height: 40px;
  }
  .product-list-page__filterButton {
    display: none;
  }
  .product-list-page__content {
    padding-left: 20px;
    padding-right: 20px;
    grid-template-columns: 1fr 270px;
  }
  .product-list-page__filter {
    display: block;
    position: relative;
    transform: translateY(0);
  }
}
.product-list-page__emptyMessage {
  padding: 20px;
  font-size: 26px;
  line-height: 40px;
  text-align: center;
}
.product-page {
  margin-top: 24px;
  padding-bottom: 40px;
}
.product-page__breadcrumbsWrap {
  padding-left: 20px;
  padding-right: 20px;
}
.product-page__main {
  display: grid;
  gap: 16px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  padding-bottom: 10px;
  grid-template-columns: 100%;
}
.product-page__content {
  display: grid;
  gap: 10px;
}
.product-page__wrapImg {
  max-height: 400px;
  align-self: center;
  height: 100%;
  order: -1;
}
.product-page__wrapImg.popup--show {
  z-index: 600;
  max-height: none;
  padding: 20px;
  padding-top: 80px;
  box-sizing: border-box;
}
.product-page__wrapImg.popup--show .product-page__wrapImage {
  height: 70%;
}
.product-page__wrapImg.popup--show .product-page__image {
  max-height: 100%;
}
.product-page__wrapImg.popup--show .product-page__wrapPreview {
  margin-left: auto;
  margin-right: auto;
}
.product-page__wrapImg.popup:not(.popup--show) {
  position: static;
}
.product-page__wrapImg.popup {
  transition: none;
}
.product-page__wrapPreview {
  display: none;
}
.product-page__imageList {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-bottom: 8px;
}
.product-page__imageItem {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  height: auto;
}
.product-page__wrapImage {
  position: relative;
}
.product-page__wrapImage:hover .product-page__swiperButton {
  display: block;
}
.product-page__wrapImage .product-page__swiperButton {
  width: 20px;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 100;
  display: none;
}
.product-page__wrapImage .product-page__swiperButton--prev {
  left: 0;
}
.product-page__wrapImage .product-page__swiperButton--next {
  right: 0;
}
.product-page__swiperPagination {
  text-align: center;
}
.product-page__previewList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.product-page__image {
  width: 100%;
  max-height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.product-page__previewItem {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.product-page__previewItem--active {
  border: 1px solid #818181;
  border-radius: 5px;
}
.product-page__preview {
  width: 50px;
  height: 50px;
  margin: 0;
  cursor: pointer;
}
.product-page__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-page__swiperButton:hover svg {
  fill: #e31e25;
}
.product-page__swiperButton--disabled {
  visibility: hidden;
  cursor: auto;
  pointer-events: none;
}
.product-page__swiperButton--disabled svg {
  fill: #818181;
}
.product-page__labels {
  position: static;
  gap: 8px;
}
.product-page__labels .labels__item {
  padding: 8px;
}
.product-page__title {
  font-size: 24px;
  line-height: 30px;
}
.product-page__infoWrap {
  display: grid;
  grid-template-columns: min-content 1fr max-content;
  gap: 20px;
  order: -2;
}
.product-page__rating {
  font-size: 16px;
  line-height: 20px;
  color: #0f0202;
}
.product-page__rating svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 380px) {
  .product-page__comment span span {
    display: none;
  }
}
.product-page__comment {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
  font-size: 16px;
  line-height: 20px;
  color: #0f0202;
  text-align: left;
}
.product-page__comment svg {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  fill: #818181;
}
.product-page__comment:hover svg {
  fill: #e31e25;
}
.product-page__id {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
}
.product-page__sellerProfit {
  display: none;
}
.product-page__isStock {
  display: grid;
  grid-template-columns: 50% 50%;
  row-gap: 16px;
  align-items: center;
  position: fixed;
  bottom: 56px;
  background-color: #ffffff;
  left: -20px;
  padding: 8px 40px;
  right: -20px;
  z-index: 490;
  box-shadow: 0px 0px 20px #d9d9d9;
}
.product-page__isStock[data-show="false"] {
  display: none;
}
.product-page__oldPrice {
  font-size: 18px;
  margin: 0;
  text-decoration: line-through;
}
.product-page__oldPrice span {
  color: #818181;
}
.product-page__bonus {
  font-size: 18px;
  margin: 0;
}
.product-page__price {
  font-size: 24px;
  line-height: 30px;
  margin: 0;
}
.product-page__price--discount {
  color: #e31e25;
}
.product-page__price span {
  color: #818181;
}
.product-page__cartButtons {
  margin-left: auto;
  display: grid;
  grid-template-columns: min-content max-content;
  align-items: center;
  gap: 12px;
}
.product-page__cartButtons[data-in-cart="false"] .product-page__cartButtonWrap {
  display: none;
}
.product-page__cartButtons[data-in-cart="true"] .product-page__addButton {
  display: none;
}
.product-page__addButton {
  background-image: url("../img/sprite.svg#icon-cart-white");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: left 12px top 8px;
  padding-left: 48px;
}
.product-page__cartButtonWrap {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  gap: 20px;
}
.product-page__cartButton {
  display: inline-block;
  text-decoration: none;
}
.product-page__favorites {
  width: 36px;
  height: 36px;
}
.product-page__favorites svg {
  width: 36px;
  height: 36px;
}
.product-page__paramList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  color: #818181;
}
.product-page__paramItem {
  display: flex;
}
.product-page__param {
  margin: 0;
}
.product-page__navList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: start;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  padding-top: 40px;
}
.product-page__navItem .hide {
  display: none;
}
.product-page__navTab {
  display: block;
  text-decoration: none;
  padding: 5px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #818181;
}
.product-page__navTab:hover {
  color: #0f0202;
}
.product-page__navTab--active {
  border-bottom: 1px solid #0f0202;
  font-weight: bold;
  color: #0f0202;
}
.product-page__specWrap {
  border-top: 1px solid #818181;
}
.product-page__spec {
  display: none;
}
.product-page__spec--active {
  display: block;
}
.product-page__specItem--main {
  background-color: #f5f5f5;
}
.product-page__specItem .hide {
  display: none;
}
.product-page__wrapSpecItem {
  display: grid;
  gap: 20px;
  padding: 20px;
  box-sizing: border-box;
}
.product-page__wrapSpecItem table {
  font-size: 16px;
}
.product-page__wrapSpecItem table caption {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  padding-bottom: 15px;
}
.product-page__wrapSpecItem table tr {
  display: grid;
}
.product-page__wrapSpecItem table td {
  padding: 5px 0;
}
.product-page__wrapSpecItem table td:first-child {
  color: #818181;
  display: flex;
  align-items: center;
}
.product-page__wrapSpecItem p {
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 20px;
}
.product-page__wrapSpecItem p img {
  width: 100%;
}
.product-page__specTitle {
  margin: 0;
  font-size: 28px;
  line-height: 30px;
  color: #0f0202;
}
.product-page__wrapSpecTitle {
  padding: 0 20px;
}
.product-page__allSpecButton {
  position: relative;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #e31e25;
  cursor: pointer;
  font-size: 18px;
  padding-right: 24px;
}
.product-page__allSpecButton svg {
  position: absolute;
  right: 0;
  fill: #e31e25;
}
.product-page__allSpecButton:hover {
  border-bottom: 1px solid #e31e25;
}
.product-page__table {
  color: #0f0202;
}
.product-page__notAvailableText {
  font-size: 42px;
  margin: 0;
  color: #818181;
}
.product-page__notAvailableDate {
  margin: 0;
}
.product-page__informForm {
  padding-top: 20px;
  padding-bottom: 20px;
}
.product-page__informForm[data-mode="input"] .product-page__progress {
  display: none;
}
.product-page__informForm[data-mode="progress"] .product-page__informButton {
  display: none;
}
.product-page__informInput {
  border: none;
  border-bottom: 1px solid #e31e25;
  padding: 10px 5px;
}
.product-page__informMessage {
  color: #e31e25;
  margin-top: 20px;
  margin-bottom: 10px;
}
.product-page__informButton {
  background-color: #ffffff;
  border: 1px solid #e31e25;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  color: #e31e25;
  border-radius: 5px;
}
.product-page__informButton:hover {
  background-color: #e31e25;
  color: #ffffff;
}
.product-page__note {
  padding-top: 50px;
}
@media (min-width: 1000px) {
  .product-page__breadcrumbsWrap {
    display: grid;
    grid-template-columns: 40% 60%;
  }
  .product-page__breadcrumbs {
    grid-column-start: 2;
  }
  .product-page__main {
    padding-top: 20px;
    grid-template-columns: 40% 60%;
    gap: 0;
  }
  .product-page__labelWrap {
    order: -1;
    padding-bottom: 20px;
  }
  .product-page__wrapImg {
    margin-right: 20px;
    grid-row: span 7;
    order: -2;
  }
  .product-page__wrapImg.popup--show {
    margin-right: 0;
  }
  .product-page__wrapImg.popup--show .product-page__wrapPreview {
    width: 50%;
  }
  .product-page__imageList {
    padding-bottom: 40px;
  }
  .product-page__wrapPreview {
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    align-items: center;
    margin-left: -20px;
    margin-right: -20px;
  }
  .product-page__cartButtons {
    margin-left: 0;
  }
  .product-page__infoWrap {
    order: 0;
    grid-template-columns: repeat(3, max-content) 1fr;
    padding-bottom: 30px;
  }
  .product-page__id {
    padding-left: 50px;
  }
  .product-page__sellerProfit {
    display: block;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    justify-self: end;
    color: #818181;
  }
  .product-page__isStock {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    padding: 0;
    box-shadow: none;
    padding-bottom: 30px;
    gap: 10px;
  }
  .product-page__priceWrap {
    order: -2;
  }
  .product-page__price {
    font-size: 40px;
    line-height: 48px;
    padding-bottom: 0;
  }
  .product-page__paramList {
    padding-bottom: 0;
    grid-column: auto;
    order: 1;
  }
  .product-page__offerPriceButtonWrap {
    grid-column: auto;
    padding-bottom: 30px;
  }
  .product-page__navList {
    padding-top: 90px;
  }
  .product-page__wrapSpecItem {
    grid-template-columns: 280px 1fr;
    grid-template-rows: min-content 1fr;
    align-items: start;
  }
  .product-page__wrapSpecItem table tr {
    grid-template-columns: 350px 1fr;
  }
  .product-page__specContent {
    grid-column-start: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .product-page__title {
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 10px;
  }
  .product-page__swiperPagination {
    display: none;
  }
}
.cart-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: grid;
  margin-bottom: 50px;
  margin-top: 20px;
}
.cart-page__wrap > section:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.cart-page__wrap > section:nth-of-type(even) {
  background-color: #ffffff;
}
.cart-page__total {
  background-color: #f5f5f5;
  padding: 20px;
}
.cart-page__total[data-mode="hide"] {
  display: none;
}
.cart-page__listItem {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-page__item {
  padding: 20px 0;
  border-bottom: 1px solid #818181;
}
.cart-page__itemWrap {
  display: grid;
  grid-template-columns: 90px 1fr min-content;
  grid-column-gap: 15px;
  grid-row-gap: 5px;
}
.cart-page__itemWrap[data-is-active="false"] .cart-page__itemImage {
  filter: grayscale(1);
}
.cart-page__itemWrap[data-is-active="false"] .cart-page__itemTitle a {
  color: #818181;
}
.cart-page__itemImage {
  grid-row-start: 1;
  grid-row-end: 3;
  width: 100%;
  order: -1;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart-page__itemId {
  margin: 0;
  color: #818181;
  font-size: 12px;
  order: -1;
}
.cart-page__itemTitle {
  font-weight: normal;
  margin: 0;
  font-size: 22px;
  padding-bottom: 20px;
  grid-column-start: 2;
}
.cart-page__itemTitle a {
  text-decoration: none;
  color: #0f0202;
}
.cart-page__oldPrice {
  color: #818181;
  text-decoration: line-through;
  margin: 0;
  grid-column-start: 2;
  font-size: 14px;
}
.cart-page__price {
  color: #0f0202;
  font-size: 24px;
  grid-column-start: 2;
  grid-row-start: 5;
}
.cart-page__counterWrap {
  grid-row-start: 5;
}
.cart-page__notAvailable {
  grid-column-start: 2;
  margin: 0;
  color: #818181;
  font-size: 18px;
}
.cart-page__totalTitle {
  font-weight: normal;
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
}
.cart-page__count {
  margin: 0;
  padding-bottom: 20px;
}
.cart-page__promocodeWrap {
  padding-top: 10px;
  padding-bottom: 40px;
}
.cart-page__promocodeWrap[data-show="false"] {
  display: none;
}
.cart-page__promocodeWrap[data-mode="none"] {
  display: none;
}
.cart-page__promocodeWrap[data-mode="button"] .cart-page__promocodeInput {
  display: none;
}
.cart-page__promocodeWrap[data-mode="input"] .cart-page__promocodeButton {
  display: none;
}
.cart-page__promocodeButton {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #e31e25;
}
.cart-page__promocodeInput input {
  background-color: #f5f5f5;
}
.cart-page__promocodeInput label {
  background-color: #f5f5f5;
}
.cart-page__promocodeInput[data-mode="input"] .cart-page__promocodeSendButton {
  display: block;
}
.cart-page__promocodeInput[data-mode="apply"] input {
  color: #818181;
}
.cart-page__promocodeInput[data-mode="apply"] .cart-page__promocodeResetButton {
  display: block;
}
.cart-page__promocodeInput[data-mode="apply"] .cart-page__promocodeAppliedIcon {
  display: block;
}
.cart-page__promocodeInput[data-mode="error"] label {
  color: #e31e25;
}
.cart-page__promocodeInput[data-mode="error"] .cart-page__promocodeMessage {
  color: #e31e25;
}
.cart-page__promocodeInput[data-mode="error"] .cart-page__promocodeDeleteButton {
  display: block;
}
.cart-page__promocodeSendButton {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 8px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
.cart-page__promocodeSendButton svg {
  fill: #e31e25;
}
.cart-page__promocodeDeleteButton {
  display: none;
  position: absolute;
  right: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
.cart-page__promocodeDeleteButton svg {
  fill: #818181;
}
.cart-page__promocodeResetButton {
  display: none;
  position: absolute;
  right: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
.cart-page__promocodeResetButton svg {
  fill: #818181;
}
.cart-page__promocodeAppliedIcon {
  display: none;
  position: absolute;
  right: 30px;
  top: 6px;
  width: 24px;
  height: 24px;
}
.cart-page__promocodeAppliedIcon svg {
  fill: #e31e25;
}
.cart-page__promocodeMessage {
  color: #818181;
  font-size: 12px;
  padding-top: 5px;
  display: block;
}
.cart-page__bonusWrap {
  padding-top: 10px;
  padding-bottom: 40px;
}
.cart-page__bonusWrap[data-show="false"] {
  display: none;
}
.cart-page__bonusWrap[data-mode="none"] {
  display: none;
}
.cart-page__bonusWrap[data-mode="button"] .cart-page__bonusInput {
  display: none;
}
.cart-page__bonusWrap[data-mode="button"] .cart-page__bonusCount {
  display: none;
}
.cart-page__bonusWrap[data-mode="input"] .cart-page__bonusButton {
  display: none;
}
.cart-page__bonusButton {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #e31e25;
}
.cart-page__bonusInput input {
  background-color: #f5f5f5;
}
.cart-page__bonusInput label {
  background-color: #f5f5f5;
}
.cart-page__bonusInput[data-mode="input"] .cart-page__bonusSendButton {
  display: block;
}
.cart-page__bonusInput[data-mode="apply"] input {
  color: #818181;
}
.cart-page__bonusInput[data-mode="apply"] .cart-page__bonusResetButton {
  display: block;
}
.cart-page__bonusInput[data-mode="apply"] .cart-page__bonusAppliedIcon {
  display: block;
}
.cart-page__bonusInput[data-mode="error"] label {
  color: #e31e25;
}
.cart-page__bonusSendButton {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 8px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
.cart-page__bonusSendButton svg {
  fill: #e31e25;
}
.cart-page__bonusResetButton {
  display: none;
  position: absolute;
  right: 0;
  top: 8px;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
}
.cart-page__bonusResetButton svg {
  fill: #818181;
}
.cart-page__bonusAppliedIcon {
  display: none;
  position: absolute;
  right: 30px;
  top: 6px;
  width: 24px;
  height: 24px;
}
.cart-page__bonusAppliedIcon svg {
  fill: #e31e25;
}
.cart-page__bonusCount {
  font-size: 14px;
  margin: 0;
  color: #818181;
  margin-top: 10px;
}
.cart-page__totalPrice {
  font-size: 24px;
  padding-bottom: 20px;
  font-weight: bold;
}
.cart-page__orderLink {
  background-color: #e31e25;
  padding: 15px;
  border-radius: 5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 14px;
}
.cart-page__deleteButton {
  width: 30px;
  height: 30px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 0;
  margin-left: auto;
  grid-column-start: 3;
  grid-row-start: 2;
}
.cart-page__deleteButton svg {
  fill: #818181;
}
.cart-page__storeWrap {
  grid-column-start: 2;
  grid-row-start: 3;
  padding-left: 30px;
  background-image: url("../img/sprite.svg#icon-delivery");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: left center;
}
.cart-page__itemDate {
  margin: 0;
  font-size: 14px;
}
.cart-page__itemStore {
  margin: 0;
  font-size: 14px;
}
.cart-page__servicesWrap {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 7;
}
.cart-page__servicesWrap[data-show="false"] .cart-page__openServicesButton svg {
  transform: rotate(-180deg);
}
.cart-page__servicesWrap[data-show="false"] .cart-page__servicesList {
  display: none;
}
.cart-page__openServicesButton {
  background-color: transparent;
  border: none;
  padding: 10px 0;
  padding-left: 20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  position: relative;
  color: #0f0202;
  display: block;
  text-align: left;
}
.cart-page__openServicesButton:hover {
  color: #e31e25;
}
.cart-page__openServicesButton svg {
  position: absolute;
  top: 16px;
  left: 0;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.cart-page__countServices {
  display: inline-block;
  background-color: #f5f5f5;
  color: #0f0202;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-left: 20px;
  text-align: center;
  line-height: 34px;
}
.cart-page__servicesList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-bottom: 20px;
}
.cart-page__servicesItem {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  gap: 10px;
}
.cart-page__servicesPrice {
  font-size: 16px;
}
.cart-page__giftsWrap {
  grid-column-start: span 3;
}
.cart-page__giftsWrap[data-show="false"] .cart-page__openGiftsButton svg {
  transform: rotate(-180deg);
}
.cart-page__giftsWrap[data-show="false"] .group-page__groupList {
  display: none;
}
.cart-page__openGiftsButton {
  background-color: transparent;
  border: none;
  padding: 10px 0;
  padding-left: 20px;
  cursor: pointer;
  font-size: 20px;
  font-weight: normal;
  position: relative;
  color: #0f0202;
  display: block;
  text-align: left;
}
.cart-page__openGiftsButton:hover {
  color: #e31e25;
}
.cart-page__openGiftsButton svg {
  position: absolute;
  top: 16px;
  left: 0;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.cart-page__countGifts {
  display: inline-block;
  background-color: #f5f5f5;
  color: #0f0202;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  margin-left: 20px;
  text-align: center;
  line-height: 34px;
}
@media (min-width: 1000px) {
  .cart-page__content {
    display: grid;
    gap: 20px;
    align-items: start;
    grid-template-columns: 1fr 270px;
  }
  .cart-page__itemWrap {
    grid-template-columns: 75px 1fr max-content 110px 85px;
  }
  .cart-page__oldPrice {
    grid-row-start: 1;
    grid-column-start: 4;
    margin-left: auto;
    padding-right: 22px;
  }
  .cart-page__price {
    grid-column-start: 4;
    grid-row-start: auto;
    margin-left: auto;
  }
  .cart-page__deleteButton {
    grid-column-start: 5;
    grid-row-start: 2;
  }
  .cart-page__counterWrap {
    grid-row-start: 2;
    grid-column-start: 3;
  }
  .cart-page__notAvailable {
    grid-column-start: 3;
    grid-column-end: 5;
  }
  .cart-page__storeWrap {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, max-content);
  }
  .cart-page__servicesWrap {
    grid-column-start: 2;
    grid-row-start: 5;
  }
  .cart-page__openServicesButton {
    padding-left: 0;
  }
  .cart-page__openServicesButton svg {
    left: -18px;
  }
  .cart-page__openGiftsButton {
    padding-left: 0;
  }
  .cart-page__openGiftsButton svg {
    left: -18px;
  }
  .cart-page__countServices {
    display: none;
  }
  .cart-page__countGifts {
    display: none;
  }
  .cart-page__giftsWrap {
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 4;
  }
}
.favorites-page__wrap {
  box-sizing: border-box;
  display: grid;
  margin-bottom: 50px;
  margin-top: 20px;
}
.favorites-page__header {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
}
.favorites-page__total {
  background-color: #f5f5f5;
  padding: 20px;
}
.favorites-page__total[data-mode="hide"] {
  display: none;
}
.favorites-page__content {
  padding-left: 4px;
  padding-right: 4px;
}
.favorites-page__listItem {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1000px) {
  .favorites-page__wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .favorites-page__content {
    padding-left: 20px;
    padding-right: 20px;
    display: grid;
    gap: 20px;
    align-items: start;
    grid-template-columns: 1fr 270px;
  }
}
.order-page[data-mode="registation"] .order-page__created {
  display: none;
}
.order-page[data-mode="created"] .order-page__titleWrap,
.order-page[data-mode="created"] .order-page__content {
  display: none;
}
.order-page__titleWrap {
  background-color: #f5f5f5;
  border-bottom: 1px solid #818181;
  padding-left: 20px;
  padding-right: 20px;
}
.order-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: grid;
}
.order-page__returnToCart {
  color: #818181;
  text-decoration: none;
  display: block;
  padding: 10px 0;
}
.order-page__title {
  margin-bottom: 20px;
}
.order-page__content {
  padding: 20px;
  box-sizing: border-box;
}
.order-page__dataList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.order-page__dataItem {
  padding-bottom: 40px;
}
.order-page__dataItem::marker {
  font-size: 22px;
  font-weight: bold;
}
.order-page__fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.order-page__fieldset--getting[data-mode="delivery"] .order-page__gettingInfo--delivery {
  display: block;
}
.order-page__fieldset--getting[data-mode="pickup"] .order-page__gettingInfo--pickup {
  display: block;
}
.order-page__legend {
  font-size: 22px;
  font-weight: bold;
  padding: 0;
  padding-bottom: 20px;
}
.order-page__text {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
}
.order-page__orderCount {
  margin: 0;
  padding-bottom: 10px;
}
.order-page__orderFullprice {
  font-size: 32px;
  padding-bottom: 10px;
}
.order-page__orderButtonWrap[data-mode="button"] .order-page__progress {
  display: none;
}
.order-page__orderButtonWrap[data-mode="progress"] .order-page__orderButton {
  display: none;
}
.order-page__orderButton {
  background-color: #e31e25;
  border-radius: 5px;
  color: #ffffff;
  border: none;
  padding: 15px 24px;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
}
.order-page__orderError {
  font-size: 16px;
  color: #e31e25;
}
.order-page__total {
  background-color: #f5f5f5;
  padding: 20px;
  margin-bottom: 10px;
}
.order-page__totalTitle {
  font-weight: normal;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
}
.order-page__totalList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.order-page__totalItem {
  padding: 10px 0;
}
.order-page__totalItemTitle {
  font-weight: bold;
  color: #0f0202;
  text-decoration: none;
  display: block;
  padding-bottom: 5px;
  margin: 0;
}
.order-page__totalDelivery {
  margin: 0;
  color: #818181;
  padding-top: 20px;
  font-size: 16px;
}
.order-page__totalDelivery span {
  font-size: 18px;
  color: #0f0202;
}
.order-page__totalPrice {
  font-size: 12px;
  margin: 0;
  color: #818181;
}
.order-page__showTotalButton {
  color: #e31e25;
  background-color: transparent;
  border: none;
  padding: 5px 0;
  font-weight: bold;
  cursor: pointer;
}
.order-page__totalResult {
  border-top: 1px solid #818181;
  display: grid;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
  margin-top: 20px;
}
.order-page__totalResultTitle {
  margin: 0;
  font-size: 16px;
  color: #818181;
}
.order-page__totalResultFullprice {
  font-size: 22px;
  font-weight: bold;
  text-align: right;
}
.order-page__totalResultFullBonuses {
  margin: 0;
  font-size: 16px;
  grid-column-start: 2;
  text-align: right;
  color: #818181;
}
.order-page__note {
  color: #818181;
  grid-column-start: 1;
  grid-column-end: 3;
}
.order-page__input {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0;
  padding: 20px 0;
  gap: 0;
}
.order-page__input label {
  font-size: 14px;
}
.order-page__input input {
  padding: 10px 5px;
  font-size: 18px;
}
.order-page__input--prepay {
  flex-direction: row;
  align-items: baseline;
  max-width: 250px;
  gap: 4px;
}
.order-page__input--prepay label {
  font-size: 16px;
}
.order-page__input--prepay input {
  font-size: 24px;
  padding: 0 5px;
}
.order-page__input--prepay span {
  color: #818181;
  font-size: 20px;
}
.order-page__checkbox[data-show="false"] {
  display: none;
}
.order-page__radioWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  text-align: center;
}
.order-page__radioWrap--payment {
  padding-top: 20px;
  flex-direction: column;
}
.order-page__radio {
  margin: 0;
}
.order-page__radio label {
  border: 1px solid #818181;
  border-radius: 5px;
  font-size: 16px;
  padding: 10px 15px;
  display: block;
  cursor: pointer;
}
.order-page__radio label:hover {
  border-color: #e31e25;
}
.order-page__radio input {
  display: none;
}
.order-page__radio input:checked + label {
  font-weight: bold;
  border-color: #e31e25;
  border-width: 2px;
}
.order-page__select {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0;
  gap: 0;
}
.order-page__select label {
  font-size: 14px;
}
.order-page__select select {
  width: 300px;
  padding: 10px 5px;
  font-size: 16px;
}
.order-page__gettingInfo {
  box-sizing: border-box;
  margin-bottom: 40px;
  display: none;
  margin-top: 20px;
  margin-bottom: 20px;
}
.order-page__pickupTitle {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}
.order-page__pickupAddress {
  font-size: 14px;
  margin: 0;
  padding-bottom: 20px;
}
.order-page__pickupInfo {
  margin: 0;
  display: grid;
  gap: 20px;
  padding-bottom: 20px;
}
.order-page__pickupInfo dt {
  font-size: 12px;
  color: #818181;
}
.order-page__pickupInfo dd {
  margin: 0;
}
.order-page__pickupStatus {
  margin: 0;
  padding: 5px;
  font-size: 14px;
  background-color: #f5f5f5;
  color: #0f0202;
  font-weight: bold;
  border-radius: 5px;
  display: inline-block;
}
.order-page__textarea {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.order-page__textarea textarea {
  border: none;
  border-bottom: 1px solid #818181;
  resize: vertical;
}
.order-page__textarea textarea:hover {
  border-color: #e31e25;
}
.order-page__order {
  display: none;
}
.order-page__created {
  max-width: 860px;
  padding: 20px 10px;
  margin: 0 auto;
}
.order-page__createdTitle {
  font-size: 36px;
  line-height: 40px;
  margin: 0;
  padding-bottom: 20px;
}
.order-page__createdText {
  margin: 0;
}
.order-page__createdOrder {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr max-content;
}
.order-page__createdOrderButton {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: normal;
  position: relative;
  color: #141414;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
}
.order-page__createdOrderButton:hover {
  color: #e31e24;
}
.order-page__createdOrderButton svg {
  display: block;
  position: absolute;
  top: 8px;
  left: -18px;
}
.order-page__createdOrderButton[data-mode="hide"] svg {
  transform: rotate(-180deg);
}
.order-page__createdOrderFullprice {
  font-size: 22px;
  margin: 0;
}
.order-page__createdOrderFullprice span {
  color: #818181;
}
.order-page__createdListProduct {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 20px;
}
.order-page__createdProduct {
  display: grid;
  grid-template-columns: 50px 1fr 40px 80px;
  gap: 10px;
  padding: 10px 0;
}
.order-page__createdProductImage {
  width: 100%;
}
.order-page__createdProductTitle {
  margin: 0;
  font-size: 16px;
}
.order-page__createdProductCount {
  margin: 0;
  text-align: center;
}
.order-page__createdProductPrice {
  margin: 0;
  text-align: right;
}
.order-page__createdProductPrice span {
  color: #818181;
}
.order-page__createdInfo {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  margin-bottom: 20px;
  gap: 10px;
}
.order-page__createdInfoText {
  font-size: 14px;
  color: #818181;
  margin: 0;
}
.order-page__createdInfoText span {
  color: #0f0202;
  font-weight: bold;
}
.order-page__createdCreditLink,
.order-page__createdInfoLink {
  display: block;
  background-color: #ffffff;
  padding: 10px 15px;
  text-decoration: none;
  color: #818181;
  font-size: 16px;
  border: 1px solid #818181;
  border-radius: 5px;
}
.order-page__createdCreditLink:hover,
.order-page__createdInfoLink:hover {
  color: #ffffff;
  background-color: #818181;
}
.order-page__createdQRcode {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
}
.order-page__createdQRcode img {
  width: 200px;
  height: auto;
}
.order-page__createdQRcode[data-show="false"] {
  display: none;
}
.order-page__QRcodePriceWrap {
  display: flex;
  font-size: 20px;
  align-items: baseline;
  gap: 5px;
}
.order-page__QRcodeTitle {
  margin: 0;
}
.order-page__QRcodePrice {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}
.order-page__social {
  padding-bottom: 20px;
}
.order-page__catalogButton {
  background-color: #e31e25;
  padding: 10px;
  border: none;
  color: #ffffff;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  text-decoration: none;
}
@media (min-width: 700px) {
  .order-page__contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 800px;
  }
  .order-page__fieldset {
    padding-left: 30px;
  }
  .order-page__legend {
    margin-left: -30px;
  }
  .order-page__radioWrap--payment {
    flex-direction: row;
  }
}
@media (min-width: 1000px) {
  .order-page__titleWrap {
    background-color: transparent;
    border: none;
  }
  .order-page__content {
    display: grid;
    gap: 20px;
    align-items: start;
    grid-template-columns: 1fr 350px;
  }
  .order-page__gettingInfo {
    border: 1px solid #818181;
    border-radius: 5px;
    padding: 30px;
    margin-top: 40px;
    max-width: 620px;
  }
  .order-page__order {
    display: block;
  }
  .order-page__orderButton {
    width: auto;
  }
}
.login-page {
  padding-bottom: 40px;
}
.login-page__wrap {
  display: none;
  gap: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  box-sizing: border-box;
  padding-bottom: 50px;
}
.login-page__wrap[data-state="show"] {
  display: grid;
}
.login-page__navList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.login-page__nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.login-page__navButton {
  background-color: transparent;
  border: none;
  padding: 10px 0;
  cursor: pointer;
  font-size: 16px;
  color: #818181;
}
.login-page__navButton--active {
  color: #0f0202;
}
.login-page__navButton:hover {
  color: #e31e25;
}
.login-page__exitButton {
  background-color: #ffffff;
  border: 1px solid #818181;
  border-radius: 5px;
  color: #818181;
  cursor: pointer;
  padding: 8px 20px;
  font-size: 16px;
}
.login-page__exitButton:hover {
  background-color: #818181;
  color: #ffffff;
}
.login-page__content[data-mode="login"] .login-page__section--login {
  display: block;
}
.login-page__content[data-mode="orders"] .login-page__section--orders {
  display: block;
}
.login-page__content[data-mode="scores"] .login-page__section--scores {
  display: block;
}
.login-page__content[data-mode="pay"] .login-page__section--pay {
  display: block;
}
.login-page__content[data-mode="credit"] .login-page__section--credit {
  display: block;
}
.login-page__content[data-mode="payment"] .login-page__section--payment {
  display: block;
}
.login-page__section {
  display: none;
}
.login-page__section--credit .login-page__progress {
  display: none;
}
.login-page__section--credit[data-in-progress="true"] .login-page__progress {
  display: block;
}
.login-page__title {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: bold;
}
.login-page__subSection {
  display: grid;
  gap: 40px;
}
.login-page__subSectionTitle {
  font-size: 26px;
  margin: 0;
  font-weight: bold;
}
.login-page__subSectionTitle br {
  display: none;
}
.login-page__subWrap {
  padding-bottom: 70px;
}
.login-page__input {
  margin-bottom: 50px;
}
.login-page__input--radio span {
  color: #818181;
  font-size: 16px;
  line-height: 16px;
}
.login-page__inputCancelForm {
  grid-template-columns: 1fr;
  gap: 10px;
}
.login-page__inputCancelForm textarea {
  border: 1px solid #818181;
  border-radius: 5px;
}
.login-page__paymentOrderWrap {
  padding: 20px 0;
}
.login-page__paymentOrderWrap[data-in-progress="true"] .login-page__progress {
  display: block;
}
.login-page__paymentOrderTitle {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding-bottom: 20px;
}
.login-page__paymentOrderText {
  font-size: 16px;
  color: #818181;
  margin: 0;
}
.login-page__paymentOrderButton {
  background-color: #e31e25;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 50px;
  cursor: pointer;
  margin-bottom: 20px;
  margin-right: 10px;
}
.login-page__prepayOrderButton {
  background-color: #e31e25;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 50px;
  cursor: pointer;
  margin-bottom: 20px;
}
.login-page__radioWrap {
  display: flex;
  gap: 10px;
}
.login-page__loginControl[data-in-progress="true"] .login-page__progress {
  display: block;
}
.login-page__loginControl[data-in-progress="true"] .login-page__saveButton {
  display: none;
}
.login-page__loginControl[data-in-progress="true"] .login-page__saveMessage {
  display: none;
}
.login-page__saveButton {
  background-color: #ffffff;
  border: 1px solid #818181;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 50px;
  cursor: pointer;
}
.login-page__saveButton:hover {
  background-color: #818181;
  color: #ffffff;
}
.login-page__saveMessage {
  font-size: 18px;
}
.login-page__saveMessage[data-mode="ok"] {
  color: green;
}
.login-page__saveMessage[data-mode="error"] {
  color: #e31e25;
}
.login-page__progress {
  display: none;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.login-page__message {
  font-weight: bold;
  margin: 0;
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
}
.login-page__message--ok {
  color: #228b22;
}
.login-page__message--error {
  color: #e31e25;
}
.login-page__cancelOrderForm {
  padding: 20px 0;
  display: none;
}
.login-page__cancelOrderButton {
  background-color: #e31e25;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 8px 50px;
  cursor: pointer;
}
.login-page__notAthorization {
  padding: 20px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  height: 100%;
}
.login-page__notAthorization[data-state="show"] {
  display: flex;
}
.login-page__lead {
  font-size: 20px;
  text-align: center;
  margin: 0;
  max-width: 450px;
}
.login-page__authButton {
  background-color: #e31e25;
  border: none;
  padding: 8px 30px;
  color: #ffffff;
  border-radius: 5px;
  font-size: 24px;
  cursor: pointer;
}
.login-page__ordersList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.login-page__ordersItem {
  padding-bottom: 50px;
}
.login-page__ordersItem[data-mode="hide"] .login-page__orderContent {
  display: none;
}
.login-page__orderContent[data-form="cancel"] .login-page__cancelOrderForm {
  display: block;
}
.login-page__orderContent[data-in-progress="true"] .login-page__progress {
  display: block;
}
.login-page__creditOrderWrap {
  display: none;
  margin-top: 20px;
}
.login-page__creditOrderWrap .hide {
  display: none;
}
.login-page__order {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px;
  align-items: start;
  padding-bottom: 20px;
  padding-left: 20px;
}
.login-page__orderButton {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-weight: normal;
  position: relative;
  color: #141414;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
  grid-row-start: 1;
  grid-row-end: 3;
}
.login-page__orderButton:hover {
  color: #e31e24;
}
.login-page__orderButton span {
  color: #818181;
  font-weight: normal;
  display: block;
}
.login-page__orderButton svg {
  display: block;
  position: absolute;
  top: 8px;
  left: -18px;
}
.login-page__orderButton[data-mode="hide"] svg {
  transform: rotate(-180deg);
}
.login-page__orderPrice {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
  color: #0f0202;
  text-align: right;
}
.login-page__orderPrice span {
  color: #818181;
  font-weight: normal;
}
.login-page__orderStatus {
  padding: 5px;
  background-color: wheat;
  border-radius: 5px;
  color: #0f0202;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
  margin-left: auto;
}
.login-page__orderPrint {
  color: #0f0202;
}
.login-page__orderPrint:hover {
  color: #e31e25;
}
.login-page__orderProductList {
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 10px 0;
}
.login-page__orderProductItem {
  padding-bottom: 10px;
}
.login-page__orderControlButtonsWrap {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.login-page__orderControlButton {
  background-color: #ffffff;
  border: 1px solid #818181;
  border-radius: 5px;
  padding: 8px 15px;
  color: #818181;
  cursor: pointer;
}
.login-page__orderControlButton:hover {
  background-color: #818181;
  color: #ffffff;
}
.login-page__showNextOrdersButton,
.login-page__showNextPaymentsButton {
  background-color: #ffffff;
  border: 1px solid #e31e25;
  border-radius: 5px;
  padding: 8px 15px;
  color: #e31e25;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
}
.login-page__showNextOrdersButton:hover,
.login-page__showNextPaymentsButton:hover {
  background-color: #e31e25;
  color: #ffffff;
}
.login-page__promocode {
  padding-bottom: 40px;
}
.login-page__promocode[data-mode="start"] .login-page__promocodeSection--start {
  display: block;
}
.login-page__promocode[data-mode="activate"] .login-page__promocodeSection--activate {
  display: grid;
}
.login-page__promocode[data-mode="progress"] .login-page__promocodeSection--progress {
  display: block;
}
.login-page__promocode[data-mode="info"] .login-page__promocodeSection--info {
  display: block;
}
.login-page__promocodeSection {
  display: none;
  text-align: center;
  margin: 0 auto;
}
.login-page__promocodeSection--start {
  max-width: 500px;
}
.login-page__promocodeSection--activate {
  max-width: 500px;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}
.login-page__promocodeSection--activate .login-page__input {
  margin-bottom: 0;
}
.login-page__startPromocodeButton,
.login-page__activatePromocodeButton {
  background-color: #e31e25;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
}
.login-page__infoPromocodeButton {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #818181;
  font-size: 16px;
  border-bottom: 2px dashed #818181;
  cursor: pointer;
}
.login-page__scoreTotal {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  color: #0f0202;
  padding-bottom: 10px;
}
.login-page__scoreTotal span {
  color: #818181;
  font-weight: normal;
}
.login-page__scoreInfo {
  margin: 0;
  color: #0f0202;
  font-size: 16px;
}
.login-page__scoresTitle {
  font-weight: normal;
  font-size: 24px;
  margin-top: 20px;
  margin-bottom: 24px;
}
.login-page__scoresList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.login-page__scoresItem {
  display: grid;
  grid-template-columns: 120px 80px 1fr;
  gap: 10px;
  padding: 10px 0;
}
.login-page__scoreValue {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}
.login-page__paymentsList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.login-page__paymentsItem {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: start;
  gap: 10px;
  padding: 20px 0;
}
.login-page__paymentTitle {
  margin: 0;
  color: #0f0202;
  font-size: 22px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.login-page__paymentTitle span {
  color: #818181;
  display: block;
}
.login-page__paymentOrder {
  margin: 0;
  font-size: 14px;
  text-align: right;
  grid-column-start: 2;
}
.login-page__paymentPrice {
  margin: 0;
  color: #0f0202;
  font-size: 22px;
  margin-left: auto;
  grid-column-start: 2;
  grid-row-start: 1;
}
.login-page__paymentPrice span {
  color: #818181;
}
.login-page__paymentDate {
  margin: 0;
  font-size: 12px;
  grid-row-start: 3;
  grid-column-start: 1;
}
.login-page__paymentStatus {
  margin: 0;
  padding: 5px;
  background-color: wheat;
  border-radius: 5px;
  color: #0f0202;
  font-size: 12px;
  line-height: 12px;
  grid-row-start: 2;
  grid-column-start: 2;
  margin-left: auto;
}
.login-page__creditForm[data-mode="hide"] {
  display: none;
}
.login-page__creditTitle {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.login-page__creditText {
  margin: 0;
  font-size: 16px;
  margin-bottom: 10px;
}
.login-page__creditError {
  margin: 0;
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 20px;
  color: #e31e25;
}
.login-page__sendCreditButton {
  background-color: #e31e25;
  border: none;
  border-radius: 5px;
  padding: 10px 15px;
  color: #ffffff;
  font-size: 16px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}
.login-page__creditInput {
  margin: 0;
}
.login-page__creditSelect {
  grid-template-columns: 100%;
}
.login-page__creditTable {
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 20px;
}
.login-page__creditTable th {
  font-weight: bold;
  text-align: center;
  border: 1px solid #818181;
  padding: 5px;
}
.login-page__creditTable td {
  border: 1px solid #818181;
  padding: 5px;
  text-align: center;
}
.login-page__creditTable td:first-child {
  -moz-text-align-last: left;
       text-align-last: left;
}
@media (min-width: 500px) {
  .login-page__orderButton span {
    display: inline;
  }
  .login-page__paymentTitle span {
    display: inline;
  }
  .login-page__creditSelect {
    grid-template-columns: 1fr 70%;
  }
}
@media (min-width: 650px) {
  .login-page__order {
    grid-template-columns: 2fr 1fr 120px;
    align-items: end;
  }
  .login-page__orderButton {
    grid-row-end: 1;
  }
  .login-page__orderControlButtonsWrap {
    grid-auto-flow: column;
    grid-template-columns: repeat(3, max-content);
  }
  .login-page__showNextOrdersButton,
  .login-page__showNextPaymentsButton {
    width: auto;
  }
  .login-page__paymentTitle {
    grid-column-end: 1;
    grid-row-end: 1;
  }
  .login-page__paymentOrder {
    text-align: center;
  }
  .login-page__paymentStatus {
    grid-column-start: 3;
  }
  .login-page__paymentsItem {
    grid-template-columns: 1fr 160px 140px;
    align-items: center;
  }
  .login-page__paymentPrice {
    grid-column-start: 3;
  }
  .login-page__paymentDate {
    grid-row-start: 2;
  }
}
@media (min-width: 1000px) {
  .login-page__wrap {
    grid-template-columns: 280px 1fr;
  }
  .login-page__navList {
    flex-direction: column;
    gap: 0;
  }
  .login-page__nav {
    display: block;
  }
  .login-page__exitButton {
    margin-top: 30px;
  }
  .login-page__title {
    font-size: 34px;
    margin-bottom: 40px;
  }
  .login-page__subSection {
    grid-template-columns: 280px 1fr;
    gap: 20px;
  }
  .login-page__subSectionTitle {
    font-size: 32px;
    margin: 0;
  }
  .login-page__subSectionTitle br {
    display: inline;
  }
  .login-page__content {
    max-width: 780px;
  }
  .login-page__order {
    padding-left: 0;
  }
  .login-page__authButton {
    font-size: 30px;
  }
}
.content-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.franchise-page__wrap {
  margin-top: 20px;
  margin-bottom: 50px;
}
.franchise-page__header {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
.franchise-page__headerTitle {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}
.franchise-page__headerBannerWrap {
  order: -1;
  position: relative;
  background-color: #0f0202;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  padding-bottom: 130px;
}
.franchise-page__bannerImage {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.franchise-page__linkWrap {
  position: absolute;
  bottom: 5%;
  left: 12%;
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.franchise-page__linkButton {
  display: block;
  border: 1px solid #ffffff;
  border-radius: 10px;
  color: #ffffff;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
  min-width: 254px;
  box-sizing: border-box;
  text-align: center;
}
.franchise-page__linkButton--business {
  border-color: #e31e25;
  background-color: #e31e25;
}
.franchise-page__title {
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}
.franchise-page__offer {
  padding-left: 20px;
  padding-right: 20px;
}
.franchise-page__offerList {
  margin: 0;
}
.franchise-page__offerItem {
  display: grid;
  align-items: center;
  gap: 10px;
  padding-bottom: 30px;
  min-height: 60px;
}
.franchise-page__offerItem dt {
  font-size: 18px;
  font-weight: bold;
  color: #e31e25;
}
.franchise-page__offerItem dd {
  margin: 0;
}
.franchise-page__facade {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.franchise-page__facadeImage {
  width: 100%;
  max-width: 521px;
  -o-object-fit: contain;
     object-fit: contain;
}
.franchise-page__showroomImageList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}
.franchise-page__showroom {
  padding-left: 20px;
  padding-right: 20px;
}
.franchise-page__showroomImageItem {
  width: 100%;
}
.franchise-page__showroomImageItem img {
  max-width: 420px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.franchise-page__features {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}
.franchise-page__featuresList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.franchise-page__featuresList li {
  padding-top: 10px;
  padding-bottom: 10px;
}
.franchise-page__featuresList--main li {
  color: #e31e25;
}
.franchise-page__contact {
  padding-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.franchise-page__contact[data-show="false"] {
  display: none;
}
.franchise-page__email a {
  text-decoration: none;
  color: #0f0202;
}
.franchise-page__callbackModal[data-mode="form"] .franchise-page__callbackResult {
  display: none;
}
.franchise-page__callbackModal[data-mode="result"] form {
  display: none;
}
.franchise-page__callbackResult {
  font-size: 28px;
  text-align: center;
  margin-top: 100px;
  margin-bottom: 100px;
  color: #e31e25;
}
.franchise-page__toggleWrap {
  position: relative;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
}
.franchise-page__toggleWrap::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 20px;
  top: 100%;
  border-top: 2px solid #e31e25;
  box-shadow: 0px -3px 6px -5px #d9d9d9;
}
.franchise-page__toggleWrap[data-show="false"] {
  display: none;
}
.franchise-page__toggle input {
  display: none;
}
.franchise-page__toggle label {
  display: block;
  padding: 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #818181;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s, padding 0.3s;
}
.franchise-page__toggle label:hover {
  background-color: #e31e25;
}
.franchise-page__toggle input:checked + label {
  background-color: #e31e25;
}
.franchise-page__contentLead {
  font-size: 16px;
  margin: 0;
  text-align: center;
  margin-bottom: 30px;
}
.franchise-page__content {
  padding: 20px;
}
.franchise-page__content .franchise-page__contentWrap {
  display: none;
}
.franchise-page__content[data-mode="b2b"] .franchise-page__contentWrap--b2b {
  display: block;
}
.franchise-page__content[data-mode="b2c"] .franchise-page__contentWrap--b2c {
  display: block;
}
.franchise-page__B2C {
  font-size: 16px;
}
.franchise-page__cities .cities__list {
  -moz-column-count: 2;
       column-count: 2;
}
.franchise-page__cities .cities__item {
  width: auto;
}
.franchise-page__B2CContent--right .loader__barStripe {
  display: none;
}
.franchise-page__B2CContent--right[data-loading="true"] {
  position: relative;
  opacity: 0.5;
}
.franchise-page__B2CContent--right[data-loading="true"] .loader__barStripe {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.franchise-page__authButton {
  background-color: #e31e25;
  border: none;
  padding: 8px 30px;
  color: #ffffff;
  border-radius: 5px;
  font-size: 24px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 420px) {
  .franchise-page__featuresWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .franchise-page__featuresList li {
    min-height: 40px;
  }
  .franchise-page__toggleWrap {
    gap: 24px;
  }
  .franchise-page__toggleWrap::after {
    border-radius: 10px;
  }
  .franchise-page__toggle label {
    padding: 12px 20px;
  }
}
@media (min-width: 720px) {
  .franchise-page__linkWrap {
    grid-auto-flow: column;
    gap: 20px;
  }
  .franchise-page__headerBannerWrap {
    padding-bottom: 0;
  }
}
@media (min-width: 800px) {
  .franchise-page__offerItem {
    grid-template-columns: 360px 1fr;
    gap: 20px;
    padding-bottom: 10px;
  }
  .franchise-page__offerItem dt {
    text-align: right;
  }
}
@media (min-width: 1000px) {
  .franchise-page__showroomImageList {
    grid-template-columns: repeat(2, 1fr);
  }
  .franchise-page__B2CWrap {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 2fr;
  }
  .franchise-page__B2CWrap[data-mode="one"] {
    grid-template-columns: 0 1fr;
    gap: 0;
  }
  .franchise-page__authButton {
    font-size: 30px;
  }
}
@media (min-width: 1390px) {
  .franchise-page__showroomImageList {
    grid-template-columns: repeat(3, 1fr);
  }
}
.image {
  margin: 0 auto;
}
.image img {
  width: 100%;
  height: auto;
}
.image.image-style-block-align-left {
  margin-left: 0;
}
.image.image-style-block-align-right {
  margin-right: 0;
}
.response-page__wrap {
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 80px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.response-page__title {
  text-align: center;
  font-size: 24px;
}
.response-page__text {
  margin: 0;
  color: #818181;
  text-align: center;
}
.response-page__form {
  padding-top: 30px;
}
.response-page__form[data-mode="input"] .response-page__button {
  display: block;
}
.response-page__form[data-mode="progress"] .response-page__progress {
  display: block;
}
.response-page__form[data-mode="progress"] .response-page__button {
  display: none;
}
.response-page__button {
  background-color: #e31e25;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  padding: 8px 15px;
  margin: 0 auto;
  display: block;
  font-size: 18px;
  margin-top: 30px;
  cursor: pointer;
}
.response-page__progress {
  display: none;
  text-align: center;
  margin-top: 30px;
}
.response-page__answerWrap {
  margin-top: 70px;
}
.response-page__answerText {
  color: #818181;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.jobs-page[data-mode="about"] .jobs-page__section--about {
  display: block;
}
.jobs-page[data-mode="why"] .jobs-page__section--why {
  display: block;
}
.jobs-page[data-mode="resume"] .jobs-page__section--resume {
  display: block;
}
.jobs-page[data-mode="vacancy"] .jobs-page__section--vacancy {
  display: block;
}
.jobs-page[data-mode="success"] .jobs-page__section--success {
  display: block;
}
.jobs-page__wrap {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 80px;
  max-width: 1200px;
}
.jobs-page__navList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.jobs-page__navButton {
  background-color: transparent;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}
.jobs-page__navButton--active {
  font-weight: bold;
}
.jobs-page__title {
  text-align: center;
  font-weight: normal;
  font-size: 22px;
}
.jobs-page__section {
  display: none;
}
.jobs-page__section--resume {
  min-width: none;
}
.jobs-page__text {
  font-size: 16px;
  line-height: 22px;
}
.jobs-page__text .red {
  color: #e31e25;
}
.jobs-page__list {
  font-size: 16px;
  margin: 0;
}
.jobs-page__list > li {
  padding: 5px 0;
  list-style-type: disclosure-closed;
}
.jobs-page__list > li::marker {
  color: #e31e25;
}
.jobs-page__form {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 5px;
}
.jobs-page__fieldset {
  border: none;
  border-bottom: 1px solid #818181;
  padding: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
}
.jobs-page__fieldset legend {
  display: none;
}
.jobs-page__2column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.jobs-page__3column {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 20px;
}
.jobs-page__wrapCheckbox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 20px;
}
.jobs-page__wrapCheckbox--other {
  grid-template-columns: max-content 1fr;
}
.jobs-page__input {
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  gap: 5px;
}
.jobs-page__input input {
  border: 1px solid #818181;
  border-radius: 5px;
  padding: 10px;
}
.jobs-page__input select {
  border: 1px solid #818181;
  border-radius: 5px;
  padding: 10px;
}
.jobs-page__input textarea {
  border: 1px solid #818181;
  border-radius: 5px;
  font-size: 16px;
}
.jobs-page__note {
  color: #818181;
  font-size: 12px;
}
.jobs-page__checkbox {
  font-size: 16px;
}
.jobs-page__sendButtonWrap[data-in-progress="true"] .jobs-page__progress {
  display: block;
}
.jobs-page__sendButtonWrap[data-in-progress="true"] .jobs-page__sendButton {
  display: none;
}
.jobs-page__sendButton {
  background-color: #e31e25;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 15px 20px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}
.jobs-page__sendButton:disabled {
  background-color: #818181;
  cursor: auto;
}
.jobs-page__progress {
  display: none;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.news-page__content {
  margin-bottom: 20px;
}
.news-page__content .image {
  margin: 0 auto;
}
.news-page__content .image img {
  width: 100%;
  height: auto;
}
.news-page__content .image.image-style-block-align-left {
  margin-left: 0;
}
.news-page__content .image.image-style-block-align-right {
  margin-right: 0;
}
@media (max-width: 500px) {
  .news-page__content img {
    width: 100%;
  }
  .news-page__content .emoji {
    width: auto;
  }
}
.news-page__paginator {
  margin-top: 20px;
}
/* ОСНОВНЫЕ СТИЛИ */
.slider {
  position: relative;
  overflow: hidden;
}
.slider__wrapper {
  display: grid;
  transition: transform 0.6s ease;
  /* 0.6 длительность смены слайда в секундах */
  grid-auto-columns: auto;
  grid-auto-flow: column;
}
/* СТИЛИ ДЛЯ КНОПОК "НАЗАД" И "ВПЕРЁД" */
.slider__control {
  position: absolute;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 50px;
  opacity: 0.5;
  background: #000;
  border: none;
  cursor: pointer;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.slider__control_show {
  display: flex;
}
.slider__control:hover,
.slider__control:focus {
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
  /* прозрачность */
}
.slider__control_left {
  left: 0;
}
.slider__control_right {
  right: 0;
}
.slider__control_left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.slider__control_right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.paginator {
  display: flex;
  justify-content: center;
}
.paginator__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
}
.paginator__button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #0f0202;
}
.paginator__button:hover {
  background-color: #fff1e5;
  color: #e31e25;
}
.paginator__button--active {
  background-color: #f5f5f5;
  font-weight: bold;
}
.paginator__button--hide {
  display: none;
}
.paginator__button--number {
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  border-radius: 50%;
}
.paginator__button--prev,
.paginator__button--next {
  position: relative;
  padding: 10px 15px;
  border-radius: 20px;
  color: #e31e25;
  display: none;
}
.paginator__button--prev svg,
.paginator__button--next svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  margin-top: -6px;
}
.paginator__button--prev {
  padding-left: 30px;
  margin-right: 5px;
}
.paginator__button--prev svg {
  left: 10px;
  transform: rotate(90deg);
}
.paginator__button--next {
  padding-right: 30px;
  margin-left: 5px;
}
.paginator__button--next svg {
  right: 10px;
  transform: rotate(-90deg);
}
@media (min-width: 700px) {
  .paginator__button--prev,
  .paginator__button--next {
    display: block;
  }
}
.filter {
  background-color: #f5f5f5;
  height: 100%;
}
.filter__header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #818181;
  padding: 22px 20px;
  position: fixed;
  width: 100%;
  top: 0;
  right: 0;
  box-sizing: border-box;
  background-color: #f5f5f5;
  z-index: 10;
}
.filter__title {
  margin: 0;
}
.filter__clearButton {
  padding: 0;
  background-color: transparent;
  border: none;
  color: #e31e25;
  cursor: pointer;
  order: -1;
  font-size: 14px;
  margin-right: auto;
}
.filter__closeButton {
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 0;
  margin-left: auto;
  cursor: pointer;
}
.filter__closeButton svg {
  fill: #0f0202;
}
.filter__showButton {
  display: none;
  position: absolute;
  width: auto;
  gap: 8px;
  top: 0;
  right: calc(100% - 4px);
  transform: translateY(0);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 0px 2px 1px #818181;
  transition: transform 0.5s cubic-bezier(0.2, -0.1, 0.5, 1.3), opacity 0.3s, width 0.3s;
}
.filter__showButton::before {
  position: absolute;
  content: "";
  top: 11px;
  right: -24px;
  border: 11px solid transparent;
  border-left-color: #e31e25;
}
.filter__showButton[data-show="true"] {
  opacity: 1;
  visibility: visible;
}
.filter__showButton[data-state="count"] svg {
  display: none;
}
.filter__showButton[data-state="loader"] span {
  display: none;
}
.filter__applyButton {
  margin: 10px auto;
}
.filter__wrap {
  max-height: 348px;
  overflow-y: auto;
  overflow-x: hidden;
}
.filter__wrap[data-show-all="false"] .filter__checkbox:nth-child(n+6) {
  display: none;
}
.filter__wrap[data-show-all="true"] .filter__checkbox:nth-child(n+6) {
  display: block;
}
.filter__wrap[data-show-all="true"] .filter__showAllButton {
  display: none;
}
.filter__showAllButton {
  padding: 5px 0;
  background-color: transparent;
  border: none;
  color: #e31e25;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  gap: 4px;
  align-items: center;
}
.filter__showAllButton svg {
  transform: rotate(-90deg);
}
.filter__overlay {
  width: calc(100% - 360px);
}
.filter__form {
  position: relative;
  padding: 20px;
  padding-top: 70px;
  height: calc(100% - 60px);
  overflow: auto;
  box-sizing: border-box;
  box-shadow: inset 0px -8px 6px -8px #818181;
}
.filter__item {
  border: none;
  padding: 0;
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #818181;
}
.filter__itemTitle {
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
}
.filter__checkbox {
  position: relative;
  display: block;
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  color: #0f0202;
}
.filter__checkbox[data-disabled="true"] {
  color: #818181;
}
.filter__checkbox[data-disabled="true"] .filter__checkboxLabel::before {
  border-color: #818181;
}
.filter__checkboxInput {
  display: none;
}
.filter__checkboxLabel::before {
  content: "";
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 1px solid #0f0202;
  border-radius: 4px;
}
.filter__checkboxInput:checked + .filter__checkboxLabel::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 4px;
  width: 9px;
  height: 9px;
  background-color: red;
}
.filter__checkboxCount {
  font-size: 0.7em;
  position: absolute;
  margin-left: 4px;
}
.filter__inputWrap {
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  gap: 5px;
  align-items: center;
  padding: 2px;
}
.filter__rangeWrap {
  position: relative;
  height: 22px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.filter__range {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  outline: none;
  pointer-events: none;
  background-color: transparent;
  margin: 0;
}
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filter__rangeTrackWrap {
  height: 5px;
  background-color: #ffffff;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  left: 2px;
  right: 2px;
}
.filter__rangeTrack {
  height: 5px;
  background-color: #e31e25;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  left: 0;
  right: 0;
}
input[type="range"]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
input[type="range"]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
  margin-left: 2px;
}
input[type="range"]::-ms-track {
  appearance: none;
  height: 5px;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background-color: #e31e25;
  cursor: pointer;
  border-radius: 10px;
  pointer-events: auto;
  margin-top: -8px;
  margin-left: 0px;
}
input[type="range"]::-moz-range-thumb {
  -moz-appearance: none;
  height: 20px;
  width: 20px;
  background-color: #e31e25;
  cursor: pointer;
  border-radius: 50%;
  pointer-events: auto;
  margin-left: 15px;
  border: none;
}
input[type="range"]::-ms-thumb {
  appearance: none;
  height: 20px;
  width: 20px;
  background-color: #e31e25;
  cursor: pointer;
  border-radius: 50%;
  pointer-events: auto;
  margin-left: -2px;
}
input[type="range"]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 2px solid #e31e25;
}
input[type="range"]:active::-moz-range-thumb {
  background-color: #ffffff;
  border: 2px solid #e31e25;
}
.filter__input {
  border: none;
  padding: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 360px) {
  .filter__header {
    width: 360px;
  }
}
@media (min-width: 1000px) {
  .filter {
    height: auto;
  }
  .filter__header {
    position: static;
    width: auto;
    grid-template-columns: repeat(2, 1fr);
    border-bottom: none;
  }
  .filter__clearButton {
    order: 0;
    margin-right: 0;
    margin-left: auto;
  }
  .filter__closeButton {
    display: none;
  }
  .filter__showButton {
    display: flex;
  }
  .filter__applyButton {
    display: none;
  }
  .filter__form {
    overflow: visible;
    padding-top: 0;
    height: 100%;
    box-shadow: none;
  }
  .filter__overlay {
    display: none;
  }
}
.sort {
  position: relative;
}
.sort[data-is-show="true"] .sort__button {
  display: block;
}
.sort[data-is-show="true"] .sort__button svg {
  display: none;
}
.sort[data-is-show="true"] .sort__list {
  box-shadow: 0px 0px 20px #d9d9d9;
  background-color: #ffffff;
  position: absolute;
  z-index: 80;
  border-radius: 5px;
}
.sort__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sort__button {
  display: none;
  background-color: transparent;
  padding: 10px;
  border: none;
  color: #818181;
  cursor: pointer;
  font-size: 16px;
}
.sort__button svg {
  display: none;
}
.sort__button:hover {
  color: #e31e25;
}
.sort__button--active {
  display: block;
  color: #0f0202;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.sort__button--active svg {
  padding-left: 10px;
  display: block;
}
@media (min-width: 1000px) {
  .sort__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    box-shadow: none;
    position: static;
    border-radius: 0;
  }
  .sort__button {
    display: block;
    background-color: transparent;
    padding: 5px;
    border: none;
    color: #818181;
    cursor: pointer;
  }
  .sort__button:hover {
    color: #e31e25;
  }
  .sort__button--active {
    color: #0f0202;
    font-weight: bold;
  }
  .sort__button svg {
    display: none;
  }
}
.countPerPage {
  position: relative;
  display: flex;
  align-items: center;
}
.countPerPage[data-is-show="true"] .countPerPage__list {
  display: block;
}
.countPerPage[data-is-show="true"] .countPerPage__button svg {
  visibility: hidden;
}
.countPerPage[data-count="24"] .countPerPage__list {
  top: 5px;
}
.countPerPage[data-count="48"] .countPerPage__list {
  top: -22px;
}
.countPerPage[data-count="96"] .countPerPage__list {
  top: -49px;
}
.countPerPage[data-count="192"] .countPerPage__list {
  top: -76px;
}
.countPerPage__count {
  min-width: 30px;
  text-align: right;
  font-weight: bold;
  color: #0f0202;
}
.countPerPage__title {
  display: none;
}
@media (min-width: 500px) {
  .countPerPage__title {
    display: block;
  }
}
.countPerPage__list {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: -22px;
  right: 7px;
  background-color: #ffffff;
  z-index: 80;
  border: 1px solid #818181;
  border-radius: 5px;
  overflow: hidden;
}
.countPerPage__item {
  text-align: right;
  font-size: 16px;
  cursor: pointer;
  padding: 4px 6px 4px 4px;
}
.countPerPage__item:hover {
  background-color: #f5f5f5;
  color: #e31e25;
  font-weight: bold;
}
.countPerPage__button {
  background-color: transparent;
  padding: 0;
  border: none;
  color: #818181;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "Roboto", "Arial", sans-serif;
}
.countPerPage__button:hover .countPerPage__count {
  color: #e31e25;
}
.reviews__sortList {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}
.reviews__sortButton {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  padding: 20px;
  font-size: 14px;
}
.reviews__sortButton--active {
  font-weight: bold;
}
.reviews__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.reviews__blockquote {
  padding: 10px 0;
  margin: 0;
}
.reviews__authorWrap {
  display: grid;
  grid-template-columns: 50px max-content max-content;
  align-items: center;
  grid-column-gap: 15px;
}
.reviews__authorImg {
  width: 50px;
  height: 50px;
  display: block;
  background-color: #f5f5f5;
  border-radius: 50%;
  grid-row-start: 1;
  grid-row-end: 3;
}
.reviews__author {
  color: #e31e25;
  font-weight: bold;
  font-size: 16px;
}
.reviews__authorRating {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
}
.reviews__authorRating svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  fill: #818181;
}
.reviews__contentList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.reviews__contentItem {
  padding: 10px 0;
}
.reviews__contentItem p {
  padding: 0;
}
.reviews__contentTitle {
  margin: 0;
  padding-bottom: 5px;
  font-weight: bold;
}
.reviews__showButton {
  background-color: #ffffff;
  border: 1px solid #818181;
  color: #818181;
  padding: 8px 20px;
  border-radius: 5px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}
.counter {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  gap: 2px;
  align-items: center;
}
.counter__button {
  background-color: #f5f5f5;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #0f0202;
  font-size: 18px;
  transition: background-color 0.3s;
}
.counter__button:disabled {
  color: #818181;
  cursor: not-allowed;
  pointer-events: none;
}
.counter__button:hover {
  background-color: #fdf0f0;
}
.counter__input {
  border: none;
  width: 26px;
  text-align: center;
  padding: 5px;
}
.checkbox {
  position: relative;
  display: block;
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  margin: 0;
}
.checkbox__input {
  display: none;
}
.checkbox__label::before {
  content: "";
  position: absolute;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 1px solid #818181;
  border-radius: 4px;
}
.checkbox__input:checked + .checkbox__label::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 4px;
  width: 9px;
  height: 9px;
  background-color: red;
}
.product-line {
  display: grid;
  grid-template-columns: 1fr 80px 80px;
  gap: 10px;
  padding: 10px 0;
  align-items: end;
}
.product-line__image {
  display: none;
}
.product-line__title {
  margin: 0;
  font-size: 16px;
  grid-column-start: 1;
  text-decoration: none;
  color: #0f0202;
  grid-column-end: 4;
}
.product-line__id {
  margin: 0;
  font-size: 12px;
  grid-column-start: 1;
}
.product-line__count {
  margin: 0;
  text-align: center;
  grid-row-start: 2;
  grid-column-start: 2;
}
.product-line__price {
  margin: 0;
  text-align: right;
  grid-row-start: 2;
  grid-column-start: 3;
}
.product-line__price span {
  color: #818181;
}
@media (min-width: 500px) {
  .product-line {
    grid-template-columns: 50px 1fr 80px 80px;
  }
  .product-line__title {
    grid-column-start: 2;
    grid-column-end: auto;
  }
  .product-line__count {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 3;
  }
  .product-line__id {
    grid-column-start: 2;
  }
  .product-line__price {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 4;
  }
  .product-line__image {
    display: block;
    width: 100%;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.rate {
  padding-left: 30px;
}
.rate__infoWrap {
  display: flex;
  gap: 20px;
}
.rate__review {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  color: #0f0202;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding-bottom: 20px;
}
.rate__review:hover {
  color: #e31e25;
}
.rate__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rate__button {
  background-color: transparent;
  border: none;
  padding: 8px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.rate__button[data-check="true"] .rate__order,
.rate__button:hover .rate__order {
  color: #e31e25;
}
.rate__button[data-check="true"] .rate__progress span,
.rate__button:hover .rate__progress span {
  background-color: #e31e25;
}
.rate__button[data-check="true"] .rate__count,
.rate__button:hover .rate__count {
  color: #e31e25;
}
.rate__order {
  color: #0f0202;
  font-weight: bold;
}
.rate__progress {
  position: relative;
  display: block;
  height: 10px;
  width: 150px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.rate__progress > span {
  position: absolute;
  height: 100%;
  left: 0;
  width: 0%;
  background-color: #0f0202;
  border-radius: 5px;
}
.rate__count {
  color: #0f0202;
}
.categories__content {
  padding: 20px;
}
.categories__title {
  font-size: 26px;
  line-height: 30px;
  margin: 0;
  padding-bottom: 20px;
}
.categories__list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, auto);
  gap: 10px;
}
.categories__button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  color: #0f0202;
  font-size: 16px;
}
.categories__button .categories__buttonIcon {
  display: none;
  position: absolute;
  top: 3px;
  left: -15px;
  fill: #e31e25;
}
.categories__button:hover {
  color: #e31e25;
}
.categories__button[data-active="true"] {
  font-weight: bold;
}
.categories__button[data-active="true"] .categories__buttonIcon {
  display: block;
}
.categories__count {
  margin-left: 4px;
}
@media (min-width: 600px) {
  .categories__list {
    grid-template-columns: repeat(2, calc(100% / 2));
  }
}
@media (min-width: 850px) {
  .categories__list {
    grid-template-columns: repeat(3, calc(100% / 3));
  }
}
@media (min-width: 1000px) {
  .categories__wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .categories__content {
    background-color: #f5f5f5;
  }
}
@media (min-width: 1200px) {
  .categories__wrap {
    display: grid;
    grid-template-columns: 1fr 270px;
  }
}
.hvr {
  width: 100%;
  display: grid;
  grid-template-rows: 150px min-content;
}
.hvr__images {
  position: relative;
  width: 100%;
}
.hvr__sectors {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
}
.hvr__sector {
  flex-grow: 1;
}
.hvr__dots {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hvr__dot {
  width: 5px;
  height: 5px;
  margin: 10px 2px 0;
  border-radius: 50%;
  background: #d6dbe0;
}
.hvr__dot--active {
  background: #000;
}
.hvr .images {
  display: flex;
  justify-content: center;
  overflow: hidden;
  align-items: center;
  height: 100%;
}
.hvr .images img {
  display: none;
}
.hvr .images img:first-child {
  display: block;
}
.offer__title {
  margin-bottom: 8px;
  text-align: left;
}
.offer__inputWrap {
  display: grid;
  gap: 16px;
  padding-top: 8px;
}
.offer__wrap {
  display: grid;
  gap: 10px;
}
.offer__text {
  color: #0f0202;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.offer__text--attention {
  color: #e31e25;
}
.offer__text--italic {
  font-style: italic;
}
.offer__errorMessage {
  position: relative;
  color: #e31e25;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px;
  padding-left: 26px;
}
.offer__errorMessage[data-show="false"] {
  visibility: hidden;
}
.offer__errorMessage::before {
  position: absolute;
  content: "!";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e31e25;
  color: #ffffff;
  left: 0;
  top: 0;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  font-size: 18px;
}
.offer__input {
  position: relative;
  margin: 0;
}
.offer__input input {
  height: auto;
  font-size: 24px;
  border-radius: 10px;
  border: 1px solid grey;
  padding: 12px;
  padding-right: 50px;
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.3s, outline-color 0.3s;
}
.offer__input input:hover {
  border-color: #e31e25;
}
.offer__input input:focus-visible {
  border-color: #e31e25;
}
.offer__input label {
  top: 20px;
  left: 12px;
}
.offer__input input:not(:-moz-placeholder-shown) + label {
  top: -12px;
  left: 12px;
  font-size: 16px;
  padding: 4px;
}
.offer__input input:focus + label,
.offer__input input:not(:placeholder-shown) + label {
  top: -12px;
  left: 12px;
  font-size: 16px;
  padding: 4px;
}
.offer__input.shake {
  animation: shake 0.1s 2;
}
.offer__buttonWrap[data-mode="button"] .modal__progress {
  display: none;
}
.offer__buttonWrap[data-mode="progress"] button {
  display: none;
}
.offer__button {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}