h2, .h2 {
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 130%;
  color: var(--color-black);
  letter-spacing: -0.096rem;
}
h3, .h3 {
  font-size: 3.8rem;
  font-weight: 500;
  line-height: 130%;
  color: var(--color-black);
  letter-spacing: -0.76px;
}
h4, .h4 {
  font-size: 3rem;
  font-weight: 500;
  line-height: 150%;
}
p, a, span {
  line-height: 150%;
}
.button {
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  padding: 0.5rem 1.5rem;
  text-wrap: nowrap;
  cursor: pointer;
  transition: var(--transition);
}
.button--primary {
  background: var(--color-white);
  color: var(--color-blue);
}
.button--primary svg {
  width: 2.4rem;
  height: 2.4rem;
}
.button--secondary {
  background: var(--color-blue);
  color: var(--color-white);
}
.button--grey {
  background: #F0F3F7;
  color: #1058B5  ;
}
.button--primary__wrapper {
  padding: 0.3rem;
  border-radius: 1.2rem;
  background: var(--color-grey-0);
}
.page-wrapper {
  padding: 0 7rem;
  width: 100%;
  overflow-x: hidden;
}
.main-wrapper, .catalog-platform-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12rem;
  padding-bottom: 12rem;
  padding-top: 4rem;
}
.grey {
  color: #66768A;
}
.blue {
  color: #1058B5;
}
.no-wrap {
  text-wrap: nowrap;
}
.bottom-line {
  border-bottom: 1px solid rgba(102, 118, 138, 0.20);
}
.bottom-top {
  border-top: 1px solid rgba(102, 118, 138, 0.20);
}
.header {
  font-size: 1.6rem;
}
.underline {
  text-decoration: underline;
}
.top-block {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: var(--color-yellow);
  padding-block: 1rem;

  background-color: #FFD674;

  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='129' viewBox='0 0 86 129' fill='none'%3E%3Cg opacity='0.01'%3E%3Cpath d='M81.5064 4.94641L74.7514 1.04641C71.0206-1.10817 66.2502 0.170055 64.0956 3.90087L1.04641 113.101C-1.10817 116.832 0.170055 121.602 3.90087 123.757L10.6559 127.657C14.3867 129.812 19.1571 128.533 21.3117 124.802L84.3609 15.6023C86.5155 11.8715 85.2372 7.101 81.5064 4.94641Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); */
  background-image: url("/media-temp/img/patterns/pattern-1.svg");
  background-size: auto 100%;
  background-repeat: repeat-x;

}
.top-block button {
  color: #1058B5;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.6rem;
}
.header__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  padding-block: 2rem;
}

.header__top__address {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
}
.header__top__address__item-1 {
  background: var(--color-grey-0);
  border-radius: 1rem;
  padding: 0.3rem 0.3rem;
  width: max-content;
}
.header__top__address__item-1 span {
  border-radius: 0.8rem;
  padding: 0.5rem 1rem;
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0.2);
  background: var(--color-white);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.header__top__address__item-1 svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-grey-100);
}
.header__top__address__item-2 {
  color: var(--color-grey-100);
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.header__top__cities {
  background: var(--color-grey-0);
  border-radius: 1rem;
  padding: 0.3rem;
  gap: 0.3rem;

  display: flex;
  align-items: center;
  color: var(--color-grey-100);
  position: relative;
}
.header__top__city--active {
  color: var(--color-white);
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0.2);
  background: var(--color-aux-blue-sky);
  border-radius: 0.8rem;
}
.header__top__city__value {
  background: var(--color-white);
  font-size: 1.2rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.header__search {
  background: var(--color-grey-0);
  padding: 1.8rem 2.5rem;
  border-radius: 1.2rem;
  position: relative;
  width: 49.8rem;
}
.header__search input {
  font-family: inherit;
  background: none;
  border: none;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
}
.header__top__city {
  padding: 0.5rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.8rem;
  cursor: pointer;
}
.tag   {
  cursor: pointer;
}
.header__top__city__value, .header__top__city, .category__tags__item {
  transition: var(--transition);
}
.header__search svg {
  position: absolute;
  right: 2.5rem;
  color: var(--color-grey-100);
}
.header__middle {
  display: flex;
  align-items: start;
  gap: 5rem;
  padding-bottom: 4rem;
}
.header__logo svg {
  width: 16.8rem;
  height: 6.4rem;
}
.header__bottom__container {
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;

  display: flex;
  align-items: center;
  gap: 5rem;

}
.button--burger-menu {
  display: none;
}
.header__catalog__button {
  padding: 1.5rem 2.85rem;
  border-radius: 1.2rem;
  font-size: 2rem;
}
.header__bottom__menu {
  display: flex;
  align-items: center;
  gap: 4rem;
  color: var(--color-black);
}
.header__bottom__menu--blue {
  color: var(--color-blue);
  margin-left: auto;
}
.button--header-cart {
  padding: 0;
  color: var(--color-black);
  background: transparent;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  gap: 0.3rem;
  height: 100%;
  box-shadow: none;
  border-radius: unset;
}
.button--header-cart svg {
  color: var(--color-grey-100);
}
.button--header-cart__value {
  color: var(--color-grey-100);
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 152%;
  padding: 0.1rem 0.6rem;
  background: var(--color-grey-0);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.7rem;
}
.header__buttons__container {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
  background: var(--color-white);
  border-radius: 1rem;
  padding: 1.5rem 2.5rem 1.5rem 2rem;
}
.header__buttons__container .button--header-order {
  padding: 0;
  color: var(--color-grey-100);
  display: none;
}
.header__buttons__container .header__catalog__button {
  display: none;
}
.header__order .button--header-order {
  font-weight: 500;
  padding: 1.5rem 2.5rem;
}
.button--header-select {
  padding: 0;
}
.button--header-select svg {
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
}
.header__phone {
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%;
}
.header__email {
  color: var(--color-grey-100);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
}
.header__contacts {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 6rem;
  text-wrap: nowrap;
}
.header__email__wrapper {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.button--copy {
  padding: 0;
}
.button--copy svg {
  width: 1.6rem;
  height: 1.6rem;
  color: #66768A;
}
.msk-overlay {
  position: absolute;
  transform: translateY(100%);
  bottom: -1.5rem;
  right: 0;
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  background: var(--color-white);
  box-shadow: 0 5px 20px 0 rgba(102, 118, 138, 0.30);

  display: none;
}
.msk-overlay::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: 6.5rem;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1.2rem solid transparent;
  border-right: 1.2rem solid transparent;
  border-bottom: 1.2rem solid #fff;
}
.msk-overlay__item div > span {
  color: #141516;
  font-weight: 500;
  font-size: 1.6rem;
}
.msk-overlay__item > span {
  font-weight: 400;
  font-size: 1.4rem;
}
.msk-overlay__list {
  display: grid;
  gap: 1.5rem;
}
.msk-overlay__item div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.msk-overlay__item div div {
  gap: unset;
}
.msk-overlay__circles {
  gap: 0;
}
.msk-overlay__circle {
  width: 1.6rem;
  height: 1.6rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 0.2rem solid #FFF;
}
.msk-1 {
  background: #E72828;
}
.msk-2 {
  background: #1AA54A;
  margin-left: -0.6rem;
}
.msk-11 {
  background: #2AC2C0;
}

.main-catalog__top {
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
}
.main-catalog__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.main-catalog__top div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.main-catalog__item {
  background: var(--color-grey-0);
  border-radius: 1.2rem;
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0);
  padding: 0.3rem;
  font-weight: 500;
  font-size: 1.7rem;
  color: var(--color-black);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transition: all .3s ease;
  cursor: pointer;
}
.main-catalog__item span {
  line-height: 110% !important;
}
.main-catalog__picture {
  flex-shrink: 0;
  width: 9.4rem;
  height: 9.4rem;
  padding: 1.2rem;
  border-radius: 1rem;
  overflow: hidden;
  background-color: var(--color-white);
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-catalog__item__img-wrapper {
  position: relative;
}
.main-catalog__item__img-wrapper {
  position: relative;
}

.main-catalog__item__img-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-aux-blue-sky);
  mix-blend-mode: color;
  opacity: 0;
  pointer-events: none;
  transition: var(--transition);
  z-index: 1;
}

.main-catalog__picture {
  position: relative;
  z-index: 0;
}

.main-catalog__item:hover .main-catalog__item__img-wrapper::before {
  opacity: 1;
}
.main-catalog__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.main-catalog__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem;
}
.button--main-catalog__show-all {
  display: none;
}
.main-catalog__list > .button--primary__wrapper {
  display: none;
}
.service {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.service--top__wrapper {
  display: grid;
  grid-template-columns: 38.2rem auto;
  gap: 2rem;
  padding-top: 3rem;
}
.service__dealer {
  padding: 5rem;
  border-radius: 2.4rem;
  background: var(--color-yellow);
  background: url("/media-temp/img/bgs/dealer-bg.png") no-repeat;
  background-size: 100% 100%;
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

.service__dealer p {
  font-size: 1.6rem;
  line-height: 150%;
  margin-bottom: auto;
}
.service__button {
  padding: 1.5rem 2.5rem;
  gap: 0.3rem;
  width: max-content;
}
.service__software a svg,
.service__button svg,
.slider__button svg,
.button--fast-order svg {
  width: 1.8rem;
  height: 1.8rem;
}

.top-block svg {
  width: 1.6rem;
  height: 1.6rem;
}

.service__services, .service__centers {
  background: var(--color-grey-0);
  border-radius: 2.4rem;
}
.service__centers {
  position: relative;
}
.service__centers__icon {
  position: absolute;
  top: -0.8rem;
  right: 0;
  width: 26.8rem;
  height: 26.8rem;
  color: var(--color-grey-100);
  opacity: 0.3;
  z-index: 2;
}

.service__services__title, .service__centers__title {
  padding: 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service__services__title h3 span,
.service__centers__title h3 span{
  color: var(--color-grey-100);
}
.service__services__title > span {
  font-size: 1.6rem;
}
.service__services__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 2.2rem;
  background: var(--color-white);
  padding: 2rem;
  cursor: pointer;
  transition: var(--transition);
}
.service__services__item__icon {
  background: var(--color-aux-blue-royal);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 1.2rem;
  margin-block: 6.2rem;
  border: 1px solid transparent;
  transition: all .2s ease;
}
.service__services__item:nth-child(2) .service__services__item__icon {
  background: var(--color-aux-teal);
}
.service__services__item:nth-child(3) .service__services__item__icon {
  background: var(--color-aux-blue-sky);
}
.service__services__item:nth-child(4) .service__services__item__icon {
  background: #47BDF0;;
}
.service__services__item:nth-child(5) .service__services__item__icon {
  background: var(--color-aux-yellow);
}
.service__services__list ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.3rem;
  padding: 0.3rem;
}
.service__services__item a {
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  align-self: start;
}
.service__services__item span {
  color: var(--color-grey-100);
  font-size: 1.4rem;
  line-height: 150%;
}
.service__centers__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: var(--color-white);
  padding: 2.15rem 2rem;
  border-radius: 2.2rem;
  z-index: 3;
  transition: var(--transition);
  cursor: pointer;
}
.service__centers__item__title {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.service-city__button {
  padding: 1.95rem 1.8rem 1.65rem;
  color: var(--color-grey-100);
}
.service-city__button svg {
  width: 1.8rem;
  height: 1.8rem;
}
.service__centers__item a {
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 500;
}
.service__centers__item span:last-child {
  color: var(--color-grey-100);
  font-size: 1.4rem;
}
.service__centers__list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
  padding: 0.3rem;
}
.service--bottom__wrapper {
  display: grid;
  grid-template-columns: auto 38.2rem;
  gap: 2rem;
}
.service__software {
  padding: 5rem;
  border-radius: 2.4rem;
  background: var(--color-grey-100);
  background: url("/media-temp/img/bgs/software-bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.service__software h3 {
  color: var(--color-white);
}
.service__software .button--primary {
  padding: 1.5rem 2.5rem;
  gap: 0.3rem;
  width: max-content;
}
.news {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
}
.news__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  background: var(--color-white);
  cursor: pointer;
  border-radius: 2.4rem;
  padding: 2rem;
  transition: var(--transition);

}

.news__item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  transition: all .1s ease-out;
}
.news__item__date {
  color: var(--color-grey-100);
  font-size: 1.4rem;
  line-height: 150%;
}
.news__item__picture {
  overflow: hidden;
  border-radius: 1.2rem;
  width: 100%;
  height: 19.7rem;
  display: block;
}
.news__item__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.news__list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.button--transparent {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-blue);

  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
  box-shadow: none;
}
.goods {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10rem;
}
.goods__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.goods__item {
  display: grid;
  grid-template-columns: 1fr;
  padding: 2rem;
  border-radius: 2.4rem;
  gap: 2rem;
  cursor: pointer;
  position: relative;
  transition: var(--transition);
}
.good-hit {
  font-weight: 600 !important;
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: 1.2rem !important;
}
.goods__item__image {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  box-sizing: border-box;
}
.goods__item__image picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.goods__item__image img {
  width: 27.3rem;
  height: 27.3rem;
  object-fit: contain;
  display: block;
  max-width: 100%;
}
.goods__item__info,
.goods__item__bottom,
.goods__item__top {
  display: grid;
  gap: 2rem;
}
.goods__item__top {
  align-content: start;
}
.goods__item__bottom {
  margin-top: auto;
}

.button--to-cart svg {
  width: 2.4rem;
  height: 2.4rem;
}
.button--to-cart {
  position: relative;
}
.button--to-cart.in--cart {
  background: var(--color-white);
  color: var(--color-blue);
}
.button--to-cart.in--cart::after {
  content: "Удалить";
}
.button--to-cart.in--cart span {
  display: none;
}
.button--compare.in--compare {
  background: var(--color-blue);
  color: var(--color-white);
}
.button--compare {
  position: relative;
}
.button--compare span,
.button--compare::after {
  display: none;
}
.button--compare:hover span {
  display: block;
}
.button--compare.in--compare, .button--compare.in--compare:hover {
  background: var(--color-blue);
  color: var(--color-white);
}
.button--compare.in--compare:hover span {
  display: none;
}
.button--compare.in--compare:hover::after {
  content: "Удалить";
  display: block;
}

.button--fast-order {
  gap: 0.3rem;
}
.goods__item__buttons .button--primary__wrapper {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.goods__item__buttons .button {
  width: 17.2rem;
  height: 5.4rem;
}
.goods__item__title {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  height: 4.8rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.goods__item__art {
  color: var(--color-grey-100);
  font-size: 1.4rem;
  line-height: 150%;
}
.goods__item__price {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
}
.goods__item__price--current {
  color: var(--color-black);
}
.goods__item__price--old {
  color: var(--color-grey-100);
  text-decoration-line: line-through;
}
.goods__item__chars {
  background: var(--color-grey-0);
  border-radius: 1rem;
  display: grid;
  gap: 0.5rem;
  padding: 1rem 2rem;
}
.goods__item__char {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-wrap: nowrap;

  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.goods__item__char span:last-child {
  font-weight: 400;
}
.button--compare {
  top: 0;
  width: 4.8rem;
  height: 4.8rem;
  background: var(--color-grey-0);
  border-radius: 10rem;
  box-shadow: none;
  padding: 0;
  color: var(--color-grey-100);
  transition: all .3s ease-out;
}

.button--compare span {
  display: none;
}
.goods__item__compare {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: none;
}
.button--compare svg {
  width: 2.4rem;
  height: 2.4rem;
}
.dots {
  width: 100%;
  height: 1.1rem;
  border-bottom: 0.1rem dashed rgba(102, 118, 138, 0.40);
}
.goods__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}
.materials {
  background: var(--color-grey-0);
  border-radius: 2.4rem;
}
.materials__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5rem;
}
.materials__top > span {
  font-size: 1.6rem;
}
.materials__item {
  background: var(--color-white);
  padding: 2rem;
  border-radius: 2.2rem;
  cursor: pointer;
  transition: var(--transition);
}
.materials__item > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.1rem;
}
.materials__item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.materials__item__title {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.materials__item__title a {
  color: var(--color-black);
  font-size: 2rem;
  font-weight: 500;
}
.materials__item span:last-child {
  color: var(--color-grey-100);
  font-size: 1.4rem;
}
.materials__item__icon {
  border-radius: 1.2rem;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-aux-blue-royal);
  fill: none;
  border: 1px solid transparent;
}
.materials__item:nth-child(2) .materials__item__icon {
  background: var(--color-aux-teal);
}
.materials__item:nth-child(3) .materials__item__icon {
  background: var(--color-aux-blue-sky);
}
.materials__item:nth-child(4) .materials__item__icon {
  background: var(--color-aux-yellow);
}
.materials__list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.3rem;
  padding: 0.3rem;
}
.footer {
  border-top: 0.1rem solid rgba(102, 118, 138, 0.20);
  padding-block: 5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5rem;
}
.footer__top {
  display: grid;
  gap: 2rem;
  grid-template-columns: 38.2rem auto;
}
.footer__contacts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.footer__contacts__address {
  background: var(--color-white);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  color: var(--color-black);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  width: fit-content;
}
.footer__contacts__address svg {
  width: 2rem;
  height: 2rem;
  color: var(--color-grey-100);
}
.footer__info {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  font-size: 1.6rem;
  color: var(--color-grey-100);
  font-weight: 500;
}
.footer__link {
  color: var(--color-blue);
}
.footer__links__item a,
.footer__links__item button {
  color: var(--color-black);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  background: none;
  width: fit-content;
  cursor: pointer;
  text-align: left;
}
.footer__links {
}

.footer__links__col {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer__bottom {
  color: var(--color-grey-100);
  font-size: 1.2rem;
  line-height: 150%;
  padding: 2rem;
  background: var(--color-grey-0);
  border-radius: 2.4rem;
}

.catalog-all {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.catalog-all__wrapper {
  display: grid;
  grid-template-columns: 34.2rem auto;
  gap: 5rem;
}
.catalog-all__sidebar {
  width: 34.2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.catalog-all--list {
  grid-template-columns: 1fr;
} 
.catalog-all--list .goods__item {
  padding: 20px;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}
.catalog-all--list .goods__item__compare {
  display: none !important;
}
.catalog-all--list .goods__item__top {
  grid-template-columns: 13.8rem 30rem 26.7rem;
  gap: 2rem;
  align-items: center;
}
.catalog-all--list .goods__item__bottom {
  display: grid;
  grid-template-columns: auto 20rem;
  gap: 2rem;
}
.catalog-all--list .good-hit {
  left: 17.8rem;
}
.catalog-all--list .goods__item .goods__item__info {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  align-self: end;
  margin-top: 3.8rem;
  margin-bottom: auto;
}
.catalog-all--list .goods__item__title {
  height: unset;
}
.catalog-all--list .goods__item .goods__item__buttons .button--primary__wrapper {
  flex-direction: column;
}
.catalog-all--list .goods__item .goods__item__buttons .button {
  width: 100%;
}
.catalog-all--list .goods__item .goods__item__image img {
  width: 9.8rem;
  height: 9.8rem;
}
.catalog-all--list .goods__item .goods__item__image {
  padding: .8rem 2rem;
}
.catalog-all--list .goods__item__price{
  flex-direction: column;
  justify-content: center;
}
.filter, .filter__prices {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
.filter {
  padding-block: 4rem;
  border-bottom: 0.1rem solid rgba(102, 118, 138, 0.20);
}
.filter__wrapper {
  padding-inline: 0.5rem;
}
.filter__prices__inputs {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.filter__dash {
  position: relative;
  width: 2rem;
}
.filter__dash::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 0.1rem;
  background: rgba(102, 118, 138, 0.20);
}
.filter__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
}
.input-primary {
  background: var(--color-grey-0);
  border-radius: 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  border: none;
  padding: 1.8rem 2.5rem;
  max-width: 13.6rem;
}
.filter__input {
  position: relative;
  padding-left: 3.8rem;
}
.filter__input::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 1rem;
  background: var(--color-grey-0);
  width: 2.8rem;
  height: 2.8rem;
}
.filter__input__value {
  font-size: 1.6rem;
  line-height: 150%;
}
.filter__inputs__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.filter__inputs__list .button--primary__wrapper {
  margin-top: 1rem;
}
.filter-show-all {
  color: var(--color-aux-blue-sky);
}
.filter-show-all svg {
  transform: rotate(90deg);
}
.filter__input__count {
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.1rem 0.5rem;
  line-height: 150%;
  color: var(--color-grey-100);
  background: var(--color-grey-0);
  border-radius: 100px;
}
.filter-open, .filter-clear {
  width: 100%;
  padding-block: 1.5rem;
}
.filter__wrapper .filter__buttons {
  width: 100%;
  display: grid;
  gap: 0.3rem;
}
.sidebar .service__dealer {
  padding: 4rem;
  gap: 2rem;
}
.sidebar .service__dealer p {
  margin-bottom: 2rem;
}
.button--select {
  width: 3.5rem;
  height: 3.5rem;
  padding: unset;
  border-radius: 0.8rem;
  border: 0.5rem solid rgba(102, 118, 138, 0.05);
  box-shadow: none;
}
.button--select svg {
  transform: rotate(90deg);
  color: var(--color-grey-100);
}
.sorting__select {
  background: var(--color-grey-0);
  padding: 0.9rem 1rem 0.9rem 1.5rem;
  width: 20rem;
  border-radius: 1.2rem;
}

.sorting__selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
}
.sorting__select-list-wrapper {
  display: none;
}
.sorting__title {
  color: var(--color-grey-100);
  font-size: 1.6rem;
  line-height: 150%;
  margin-right: auto;
}
.catalog-all__sorting  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  padding-bottom: 4rem;
}
.button--primary__wrapper-flex {
  display: flex;
  gap: 0.3rem;
}
.button--filter-grid {
  background: var(--color-aux-blue-sky);
}
.button--filter-list, .button--filter-grid {
  padding: 1.3rem 2.5rem 1.1rem;
}
.button--filter-list svg, .button--filter-grid svg {
  width: 1.8rem;
  height: 1.8rem;
  color: #1058B5;
}
.button--open-filter {
  padding-block: 1.05rem;
  width: 100%;
  display: none;
}
.button--primary__wrapper--filter {
  display: none;
}
.filter__wrapper .filter:first-child {
  padding-top: 0;
}
.filter .button--primary__wrapper {
  width: max-content;
}
.main-slider .swiper {
  width: calc(100vw - 14rem);
  height: 51.9rem;

  border-radius: 2.4rem;
  overflow: hidden;

  position: relative;
}

.main-slider .swiper-slide {
  display: flex;
  align-items: center;

  font-size: 4.2rem;
  font-weight: bold;
  color: white;
  background: var(--color-grey-0);
}

.main-slider .swiper-button-next,
.main-slider .swiper-button-prev {
  width: 9rem;
  height: 9rem;
  border-radius: 100px;
  background: rgba(233, 238, 245, 0.10);
  transition: 0.25s;
}

.main-slider .swiper-button-next::after,
.main-slider .swiper-button-prev::after {
  font-size: 1.8rem;
  color: white;
  font-weight: bold;
}

.main-slider .swiper-pagination {
  bottom: 2rem !important;
  background: red;
  margin-left: auto;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: fit-content !important;
  border-radius: 1rem;
  background: rgba(233, 238, 245, 0.50);
  padding: 0.3rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.main-slider .swiper-pagination-bullet {
  width: 3.4rem !important;
  height: 3.4rem !important;

  background: transparent !important;
  border-radius: 0.8rem !important;


  position: relative;

  opacity: 1;
  transition: 0.3s;

  margin: 0 !important;

  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.main-slider .swiper-pagination-bullet::after {
  content: "";
  display: flex;

  width: 1rem;
  height: 1rem;

  background: var(--color-grey-0);
  border-radius: 50%;

  transform: scale(0.8);
  transition: 0.3s;
}
.main-slider .swiper-pagination-bullet-active {
  background: white !important;
}
.main-slider .swiper-pagination-bullet-active::after {
  background: var(--color-blue);
}
.main-slider .swiper-button-next {
  right: 3rem !important;
}
.main-slider .swiper-button-prev {
  left: 3rem !important;
}
.main-slider .swiper-button-next::after,
.main-slider .swiper-button-prev::after {
  content: none !important;
}
.main-slider .swiper .swiper-button-next,
.main-slider .swiper .swiper-button-prev {
  width: 9rem;
  height: 9rem;
  border-radius: 100px;
  background: rgba(233, 238, 245, 0.10);
}
.main-slider .swiper .swiper-button-next--bg,
.main-slider .swiper .swiper-button-prev--bg {
  width: 7rem;
  height: 7rem;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 100px;
  background: rgba(233, 238, 245, 0.30);


  color: var(--color-white);
}
.main-slider .swiper .swiper-button-next--bg svg,
.main-slider .swiper .swiper-button-prev--bg svg {
  width: 3.2rem;
  height: 3.2rem;
}

.main-slider .swiper .swiper-button-prev--bg svg {
  transform: rotate(180deg);
}
.main-slider .slider__button {
  padding: 1.5rem 2.5rem;
  gap: 0.3rem;
}
.main-slider .slide__image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main-slider .slide__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main-slider .slide__content {
  padding: 7rem 20rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4rem;
}

.hit {
  background: var(--color-yellow);
  border-radius: 1.6rem 1.6rem 0 1.6rem;
  box-shadow: 0 0 0.8rem 0 rgba(102, 118, 138, 0.20);
  color: var(--color-black);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  width: fit-content;
}

.slide__subtitle {
  margin-top: -4rem;
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.slide__title {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.96px;
}
.slide__title__big {
  font-size: 9rem;
  text-transform: uppercase;
}
.breadcrumbs {
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
}
.breadcrumbs__list {
  display: flex;
}
.breadcrumbs__item:not(:last-child) {
  position: relative;
  margin: 0 1rem 0 0;
  padding: 0 2.7rem 0 0;
}
.breadcrumbs__item:not(:last-child)::after {
  content: '—';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.breadcrumbs__item a {
  color: var(--color-grey-100);
}
.category__top {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.category__tags__list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F0F3F7;
  border-radius: 1rem;
  color: #141516;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  padding: 1rem 2.5rem;
  width: fit-content;
  text-wrap: nowrap;
  border: 3px solid transparent;
}
.tag.is--active {
  background: var(--color-aux-blue-sky);
  color: var(--color-white);
  border: 3px solid var(--color-aux-blue-royal); 
}
.category__top {
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
}
.category-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  padding-bottom: 12rem;
  padding-top: 4rem;
}
.category__desc {
  padding-block: 4rem;
  border-top: 1px solid rgba(102, 118, 138, 0.20);
  border-bottom: 1px solid rgba(102, 118, 138, 0.20);
}
.button--show-more {
  width: 100%;
  padding-block: 1.5rem;
}
.button--show-more svg {
  width: 2.4rem;
  height: 2.4rem;
}
.catalog-all__bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  padding-block: 4rem;
}
.catalog__pagination__list {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.pagination__el:has(svg) {
  background: none;
  padding-inline: 1.5rem;
}
.pagination__el,
.pagination__el svg {
  transition: all .3s ease;
}
.pagination__el svg {
  color: #66768A;
  width: 2.4rem;
  height: 2.4rem;
}
.catalog__description {
  color: #66768A;
  font-size: 1.6rem;

  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
.catalog__description h3 {
  font-size: 3.8rem;
  line-height: 130%;
  letter-spacing: -0.076rem;
  padding-top: 2.5rem;
  color: #66768A;
}
.catalog__description ul {
  list-style: unset;
  padding-left: 2.5rem;
  display: grid;
  gap: 1.5rem;
}
.category-wrapper .goods h2 {
  display: none;
}
.good, .good__top {
  display: grid;
  gap: 4rem;
}
.good__char {
  display: grid;
  grid-template-columns: 1fr 1fr;
  text-wrap: nowrap;
  font-size: 1.6rem;
  align-items: end;
}
.good__char span:first-child {
  font-weight: 500;
}
.good__char span:last-child {
  width: 11.4rem;
  text-wrap: wrap;
}
.good__image__wrapper {
  width: 51.6rem;
  height: 51.6rem;
  border-radius: 2.4rem;
  overflow: hidden;
}
.good__image__wrapper picture,
.good__image__wrapper source,
.good__image__wrapper picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.good__content {
  display: grid;
  grid-template-columns: auto 38.2rem 37.6rem;
  gap: 2rem;
}
.good__characteristics {
  margin-left: auto;
  height: max-content;
  padding-right: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.good__chars-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; 
  height: 200px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
  pointer-events: none;
  z-index: 2;
}

.good__chars-list-wrapper {
  position: relative;
}

.good__chars-toggle-btn {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin-top: 10px;
  background: transparent;
  border: none;
  color: #2963b6; 
  text-align: left;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  z-index: 3;
  position: relative;
}

.good__chars-toggle-btn:hover {
  text-decoration: underline;
}

.good__char.is-hidden {
  display: none;
}
.good__char.is-hidden.visible {
  display: grid;
}
.good__char__item {
  position: relative;
}
.good__char {
  align-items: start;
  display: grid;
  grid-gap: .4rem;
  grid-template-columns: 24.3rem 11.4rem;
  overflow: hidden;
  -webkit-column-break-inside: avoid;
  line-height: 150%;
}
.good__char__cat {
  grid-template-columns: 20rem 17rem;
}
.good__char__cat ul {
  display: grid;
  gap: 0.5rem;
}
.good__char__cat .good__char__value {
  color: #1058B5;
  text-decoration: underline;
}
.good__char__item > span {
  background: #fff !important;
}
.good__char__item:after {
  content: " ";
  position: absolute;
  flex-grow: 1;
  border-bottom: 0.1rem dashed rgba(102, 118, 138, 0.40);
  min-width: 100% ;
  top: 1em;
  right: 0;
}
.good__char__item__name {
  z-index: 2;
  position: relative;
}
.good__char__value {
  position: relative;
  width: 11.4rem;
  text-wrap: wrap;
  word-break: break-word;
}
.good__chars-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding-top: 1rem;
}
.good__characteristics h3 {
  padding-block: 1.5rem;
}
.good__order--top {
  background: #F0F3F7;
  border-radius: 1.2rem;
  padding: 0.3rem;
  height: max-content;
  margin-bottom: 2rem;
  display: grid;
  gap: 0.3rem;
}
.good__order__art {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  background: #4774F0;
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  width: max-content;
  margin-bottom: 2rem;
}
.good__order__price {
  display: flex;
  flex-direction: column;
}
.good__order__price--old {
  color: #66768A;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  text-decoration-line: line-through;
}
.good__order__price {
  font-size: 3rem;
  font-weight: 500;
  line-height: 150%;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 8px 0 rgba(102, 118, 138, 0.20);
  padding: 2rem;
}
.good__order__info {
  color: #66768A;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
}
.good__order__buttons {
  display: grid;
  grid-template-columns: auto 7.4rem;
  gap: 0.3rem;
}
.good__order__buttons button {
  padding-block: 1.5rem;
}
.good__order__buttons .button--to-cart {
  grid-column: 1 / 3;
}
.good__order__buttons span:last-child {
  color: #66768A;
  font-size: 1.6rem;
  line-height: 150%;
  text-align: center;
  grid-column: span 2;
  padding-block: 1.5rem;
}
.good__order__extra-buttons {
  padding-top: 2rem;
  border-top: 1px solid rgba(102, 118, 138, 0.20);;
}
.good__order__extra-buttons svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 0 !important;
}
.good__order__buttons span:last-child a {
  color: #1058B5;
  text-decoration: underline;
  font-weight: 500;
}
.good__order__extra-buttons .button--primary__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3rem;
  padding: 0.3rem;
  border-radius: 1.2rem;
}
.good__order__extra-buttons button {
  padding-block: 1.5rem;
}
.good__slider {
  width: 11.4rem;
}
.good__image__slider {
  gap: 2rem;
  display: flex;
  flex-direction: row;
}
.good__info__wrapper {
  display: grid;
  grid-template-columns: auto 38.2rem 37.6rem;
  gap: 2rem;
}
.good__info {
  font-size: 1.6rem;
  line-height: 150%;
}
.good__info__about {
  display: grid;
  gap: 2rem;
  height: max-content;
  padding-right: 4rem;
}
.good__info__about ul {
  list-style: unset;
  padding-left: 2.5rem;
  display: grid;
  gap: 1rem;

}
.good__info__about li::marker {
  color: #1058B5;
  font-size: 1rem;
}
.good__info__about a {
  color: #1058B5;
  text-decoration-line: underline;
}
.good__info__about h4:not(:first-child) {
  padding-top: 2rem;
}
.good__extra-options__list, .similar-goods__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.5rem;
  row-gap: 4rem;
}
.extra {
    background: #6FB4C9;
    border-radius: 1.6rem 1.6rem 0 1.6rem;
    color: var(--color-white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 150%;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    width: fit-content;
}
.good-extra {
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.similar-goods, .good__extra-options, .good__info {
  display: grid;
  gap: 4rem;
}
.button--instruction {
  text-wrap: wrap;
  padding: 1.5rem 2rem;
  width: 100%;
  justify-content: space-between;
  box-shadow: none;
}
.button--instruction svg {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.good__downloads__buttons {
  display: grid;
  gap: 0.5rem;
}
.good__info__cats, .good__downloads {
  display: grid;
  gap: 2rem;
  height: max-content;
}
.good__image__slider {
  display: flex;
  align-items: center;
  gap: 2rem;
  max-height: max-content;
}

.good__image__slider .good__slider-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding-top: 1.5rem;
}

.good__image__slider .good__slider {
  width: 11.4rem;
  height: 35.2rem;
  overflow: hidden;
}

.good__image__slider .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.good__image__slider .swiper-slide {
  width: 11.4rem !important;
  height: 11.4rem !important;

  border: 2px solid transparent;
  border-radius: 18px;

  overflow: hidden;
  cursor: pointer;
  transition: all .25s ease;

  flex-shrink: 0;
  background: #fff;
  margin: 0 !important;
}

.good__image__slider .swiper-slide.active {
  border-color: #2f80ed;
}

.good__image__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.good__image__slider .good__slider-arrow {
  width: 52px;
  height: 52px;

  border: none;
  border-radius: 50%;

  background: #f2f4f7;
  color: #98a2b3;

  font-size: 20px;
  cursor: pointer;

  transition: var(--transition);
}

.good__image__slider .good__slider-arrow:hover {
  background: #e4e7ec;
}

.good__image__slider .good__image__wrapper {
  width: 51.6rem;
  height: 51.6rem;

  display: flex;
  align-items: center;
  justify-content: center;
}

.good__image__slider .good__image__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  content: none;
}
.good__image__slider .good__slider-prev,
.good__image__slider .good__slider-next,
.compare-slider-wrapper .compare-slider-prev,
.compare-slider-wrapper .compare-slider-next {
  position: static;

  width: 5rem;
  height: 5rem;

  border-radius: 50%;
  background: rgba(102, 118, 138, 0.10);

  display: flex;
  align-items: center;
  justify-content: center;

  transition: .25s;
  margin: 0;
}

.good__slider-prev, .swiper-button-prev--bg,
.good__slider-next, .swiper-button-next--bg,
.compare-slider-wrapper .swiper-button-next--bg,
.compare-slider-wrapper .swiper-button-prev--bg {
  transition: var(--transition);
}

.good__image__slider .good__slider-prev::after,
.good__image__slider .good__slider-next::after {
  content: none;
}

.good__image__slider .swiper-button-prev--bg,
.good__image__slider .swiper-button-next--bg,
.compare-slider-wrapper .swiper-button-prev--bg,
.compare-slider-wrapper .swiper-button-next--bg {
  width: 4rem;
  height: 4rem;
  background: rgba(102, 118, 138, 0.30);

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;
}

.good__image__slider .good__slider-prev svg,
.good__image__slider .good__slider-next svg,
.compare-slider-wrapper .swiper-button-next svg,
.compare-slider-wrapper .swiper-button-prev svg {
  width: 2rem;
  height: 2rem;

  color: #FFFFFF;
}

.good__image__slider .good__slider-prev svg {
  transform: rotate(-90deg);
}

.good__image__slider .good__slider-next svg {
  transform: rotate(90deg);
}

.good__image__slider .good__slider-prev:hover,
.good__image__slider .good__slider-next:hover {
  background: rgba(233, 238, 245, 0.8);
}
.compare-slider-wrapper .swiper-button-prev svg {
  transform: rotate(180deg);
}
.catalog-scale-wrapper {
  padding-bottom: 12rem;
  padding-top: 4rem;
  display: grid;
  gap: 4rem;
}
.catalog-scale__top {
  display: grid;
  gap: 4rem;
  padding-bottom: 4rem;
}

.configurator-tag {
  color: #1058B5;
  background: #ffffff;
  border: 1px solid #1058B5;
  cursor: pointer;
  transition: var(--transition);
}
.scale-configurator__group-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.configurator-tag--is-active {
  border: 3px solid #4790F0;
  background: #4774F0;
  color: #ffffff;
}
.title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 130%;
}
.scale-configurator__content, .scale-configurator__group {
  display: grid;
  gap: 2rem;
}
.scale-configurator__buttons {
  display: flex;
  flex-direction: row;
  width: max-content;
  gap: 0.3rem;
}
.button--configurator {
  padding-block: 1.5rem;
  width: 20.3rem !important;
}
.scale-configurator {
  display: grid;
  grid-template-columns: 50rem auto;
  gap: 4rem;
  padding-block: 4rem;
  border-bottom: 1px solid rgba(102, 118, 138, 0.20);
  border-top: 1px solid rgba(102, 118, 138, 0.20);
}
.scale-configurator__image-container {
  width: 50rem;
  height: 50rem;
  object-fit: contain;
}
.scale-configurator__image-container picture,
.scale-configurator__image-container img {
  width: 100%;
  height: 100%;
}
.scale-sidebar__item--is-active {
  border: 3px solid #4790F0;
  background: #4774F0;
  color: #ffffff;
}
.scale-sidebar__list {
  display: grid;
  gap: 0.5rem;
}
.scale-center {
  padding-block: 4rem;
  display: grid;
  grid-template-columns: 33.2rem auto;
  gap: 7rem;
}
.scale-sidebar__item {
  text-wrap: wrap;
  transition: var(--transition);
}
.scale-info {
  font-size: 1.6rem;
}
.scale-info__image-container {
  width: 31.1rem;
  height: 21.4rem;
  object-fit: contain;
}
.scale-info__image picture,
.scale-info__image img {
  width: 100%;
  height: 100%;
}
.scale-info__grid {
  display: grid;
  grid-template-columns: 31.1rem auto;
  gap: 2rem;
}
.text-500 {
  font-weight: 500;
}
.list-decorated {
  list-style: unset;
  padding-left: 2.5rem;
  display: grid;
  gap: 1rem;
  line-height: 150%;
}
.scale-info__text ul {
  list-style: unset;
  padding-left: 2.5rem;
  display: grid;
  gap: 1rem;
  line-height: 150%;
}
table th {
  background: #66768A;
  color: #ffffff;
  font-size: 1.7rem;
  font-weight: 500;
  border-radius: 1rem;
  padding: 1.5rem 2.4rem;
}
.scale-accessories-table {
  width: 118.6rem;
  /*TODO поменять на мобилке*/
}
.scale-accessories-table__wrapper {
  overflow-x: scroll;
  display: block;
}
table tr td {
  padding: 1.5rem 2.5rem;
  border-radius: 1rem;
  border: 1px solid rgba(102, 118, 138, 0.20);
}
.scale-accessories-table__price {
  font-weight: 500;
  color: #1058B5;
}
table tr td picture img,
table tr td picture source {
  width: 50%;
  height: 50%;
}
table tr td:has(picture) {
  padding: 1.5rem;
  text-align: center;
  vertical-align: middle;
  border-radius: 1rem;
  border: 0.1rem solid rgba(102, 118, 138, 0.20);
}
.scale-contact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
.scale-contact div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.scale-info {
  display: grid;
  gap: 4rem;
}
.scale-info__text, .scale-info__content-container {
  display: grid;
  gap: 2rem;
  height: min-content;
}
.scale-info h2 {
  padding-top: 2.5rem;
}
.scale-contact a {
  color: #1058B5;
  text-decoration: underline;
}
.scale-accessories-table-2 {
  table-layout: fixed;
  width: 118.6rem;
}
.scale-accessories-table-2 td:first-child,
.scale-accessories-table-2 th:first-child {
  width: 24rem;
}
.scale-el-prom {
  border-top: 1px solid rgba(102, 118, 138, 0.20);
}
.scale-el-prom__grid {
  display: grid;
  grid-template-columns: auto 48.2rem;
  padding-bottom: 4rem;
}
.scale-el-prom__grid__image-container {
  width: 48.2rem;
  height: 16.5rem;
  overflow: hidden;
  object-fit: contain;
}
.scale-el-prom__grid__image-container source,
.scale-el-prom__grid__image-container img {
  width: 48.2rem;
  height: 16.5rem;
}

.scale-el-prom__grid h2 {
  padding: 0;
}
.scale-info__block {
  display: grid;
  gap: 4rem;
}
.scale-info__block a {
  color: #1058B5;
  text-decoration: underline;
}
.scale-el-prom__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}
.scale-el-prom__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  padding-bottom: 4rem;
}
.scale-el-prom__item source,
.scale-el-prom__item img {
  width: auto;
  height: 16.9rem;
}
.scale-el-prom__list-types {
  display: grid;
  gap: 4rem;
}
.scale-el-prom__item-type {
  display: grid;
  grid-template-columns: 38.2rem auto;
  gap: 2rem;
  padding-bottom: 4rem;
  align-items: center;
}
.scale-el-prom__item-type source,
.scale-el-prom__item-type img {
  width: 23.6rem;
  height: auto;
}
.scale-el-prom__item-type div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.scale__form input,
.scale__form textarea {
  color: #66768A;
  font-size: 1.6rem;
  font-weight: 500;
  background: #F0F3F7;
  border-radius: 1.2rem;
  padding: 1.8rem 2.5rem;
  line-height: 150%;
}
.scale__form {
  display: grid;
  grid-template-columns: 26.1rem 26.1rem auto;
  gap: 1rem;
  padding-top: 2rem;
}
.scale__form textarea {
  grid-column: span 3;
  height: 13rem;
}
.button--order {
  width: 100%;
  height: 100%;
  font-weight: 500;
  border-radius: 1rem;
  background: #1058B5;
  box-shadow: 0 0 8px 0 rgba(102, 118, 138, 0.20);
  gap: 0.3rem;
}
.filter__inputs__list .filter__input:nth-child(n+6) {
  display: none;
}

.form__text {
  grid-column: span 3;
  text-align: center;
  color: #66768A;
  font-size: 1.4rem;
}
.grid-4 {
  display: grid;
  gap: 4rem;
}
.footer__links__list {
  display: grid;
  gap: 2.4rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(6, auto); 
  grid-auto-flow: column; 
}

.button--header-select svg,
.news__top a svg,
.goods__top a svg,
.filter-show-all svg,
.header__top__city svg,
.main-slider .slider__button svg,
.service__button svg,
.service__software a svg,
.button--fast-order svg,
.top-block button svg {
  margin-top: 0.4rem;
}
.cart__content {
  display: grid;
  gap: 1.5rem;
}
.cart__content__titles {
  color: #66768A;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 150%;

  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.cart__top {
  display: grid;
  gap: 4rem;
}
.cart__content__titles > div {
  display: grid;
  grid-template-columns: 10rem 15.1rem 8rem 8.5rem;
  margin-left: auto;
  gap: 5rem;
}
.cart__good--actions {
  display: grid;
  gap: 5rem;
  grid-template-columns: 10rem 15.1rem 10rem auto;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 110%;
  align-items: center;
}
.cart__good {
  border-radius: 1.2rem;
  background: #F0F3F7;
  box-shadow: 0 0 .8rem 0 rgba(102, 118, 138, 0.00);

  display: grid;
  grid-template-columns: 9.4rem auto 53rem;
  padding: .3rem;
  padding-right: 3.5rem;
  gap: 5rem;
  align-items: center;
}
.cart__good h3 {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 110%;
}
.cart__good > span {
  color: #66768A;
  font-size: 1.6rem;
  line-height: 150%; 
}
.cart__good--actions {
  padding-block: 2.6rem;
}
.cart__good--info {
  display: grid;
  gap: 1rem;
}
.cart__good--amount {
  display: flex;
  background: var(--color-white);
  justify-content: space-between;
  align-items: center;
  padding: .4rem .5rem;
  border-radius: 1.2rem;
  width: 15rem;
}
.cart__good--amount > span {
  max-width: 6rem;
  overflow-x: hidden;
}
.button--cart__good--amount {
  box-shadow: none;
  background: var(--color-white);
  border: .5rem solid rgba(102, 118, 138, 0.05);
  padding: .8rem;
  width: fit-content;
  min-width: 3rem;
}
.button--cart__good--amount svg {
  width: 1.4rem;
  height: 1.4rem;
}
.button--cart-clear svg {
  width: 2.4rem;
  height: 2.4rem;
}
.button--cart-clear {
  padding: 1.5rem 2.5rem;
}
.cart__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart__total {
  font-size: 1.7rem;
  font-weight: 500;
  min-width: 26.8rem;
}
.cart__price-1, .cart__price-2 {
  min-width: 10rem;;
}
.button--cart__good--delete {
  margin-left: -.5rem;
}
.cart__goods__list {
  display: grid;
  gap: .5rem;
}
.cart__good--art {
  color: var(--color-grey-100);
  font-size: 1.6rem;
  line-height: 150%;
}
.cart, .cart-top, .cart__delivery {
  display: grid;
  gap: 4rem;
}
.cart__delivery__forms, .cart__delivery__button-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.cart__delivery__form-1, .cart__delivery__form-2 {
  border-right: 1px solid rgba(102, 118, 138, 0.20);
}
.cart__delivery__form-1 {
  padding-right: 4rem;
}
.cart__delivery__form-2 {
  padding-inline: 4rem;
}
.cart__delivery__form-3 {
  padding-left: 4rem;
}
.cart__delivery__form,
.cart__delivery__form .form__fieldset-wrapper {
  display: grid;
  gap: 2rem;
  align-content: start;
}
.cart__delivery__form label {
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
}
.cart__delivery__form input {
  background: var(--color-grey-0);
  border-radius: 1.2rem;
  padding: 1.8rem 2.5rem;
  font-size: 1.6rem;
  line-height: 150%;
  color: var(--color-grey-100);
  width: 100%;
}
.cart__delivery__form fieldset {
  display: grid;
  gap: .5rem;
}
.cart__delivery__form .form__row {
  display: grid;
  gap: 2rem;
}
.cart__delivery__form .form__row-2 {
  grid-template-columns: 15rem auto;
}
.cart__delivery__form .form__row-3 {
  grid-template-columns: repeat(3, 1fr);
}
.cart__delivery__form-2 > .form__fieldset-wrapper:first-of-type  {
  padding-bottom: 3.2rem;
  border-bottom: 1px solid rgba(102, 118, 138, 0.20);
}
.cart__delivery__form-2 > h4:nth-of-type(2) {
  padding-top: 1.2rem;
}
.cart__delivery__form h4 {
  color: var(--color-grey-100);
}
.cart__delivery__button-wrapper .button--cart-order {
  grid-column: 2 / 3;
  padding-block: 1.5rem;
}

.select {
  position: relative;
  background: var(--color-grey-0);
  padding: 0.9rem 1rem 0.9rem 1.5rem;
  border-radius: 1.2rem;
}
.select-sorting {
  width: 20rem;
}
.select-native {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 150%;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding-right: 5rem;
  color: var(--color-text);
}
.select::after {
  content: '';
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 8px;
  border: .5rem solid rgba(102, 118, 138, 0.05);
  background: var(--color-white);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.02402 10.1099C6.92492 10.1105 6.82669 10.0915 6.73494 10.0541C6.6432 10.0166 6.55976 9.96137 6.4894 9.89158L1.97151 5.37369C1.82972 5.2319 1.75006 5.03959 1.75006 4.83907C1.75006 4.63855 1.82972 4.44624 1.97151 4.30445C2.1133 4.16266 2.3056 4.08301 2.50612 4.08301C2.70664 4.08301 2.89895 4.16266 3.04074 4.30445L7.02402 8.29526L11.0073 4.31198C11.1513 4.18863 11.3366 4.12417 11.5261 4.13148C11.7156 4.1388 11.8954 4.21737 12.0295 4.35147C12.1636 4.48557 12.2422 4.66534 12.2495 4.85484C12.2568 5.04435 12.1924 5.22964 12.069 5.37369L7.55111 9.89158C7.41086 10.0307 7.22156 10.1091 7.02402 10.1099Z' fill='%2366768A'/%3E%3C/svg%3E");
  background-size: 1.4rem 1.4rem;
  background-position: center;
  background-repeat: no-repeat;
}
.select-native option {
  font-weight: 400;
  padding: 0.5rem;
}
.select-cart {
  padding: 1.8rem 1rem 1.8rem 2.5rem;
}
.select-cart.select::after {
  right: 1rem;
}
.compare, .compare__top {
  display: grid;
  gap: 4rem;
}
.compare__content .goods__item__buttons {
  display: none;
}
.goods__chars--compare ul {
  display: grid;
  gap: .5rem;
}
.goods__chars--compare ul li {
  background: var(--color-white);
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  color: var(--color-grey-100);
  font-size: 1.4rem;
  line-height: 150%;
}
.goods__chars--compare ul li > div {
  display: grid;
  gap: 1rem;
}
.goods__chars--compare ul > li:nth-child(odd) {
  background: var(--color-grey-0);
}
.goods__chars--compare ul li span:last-child {
  color: var(--color-black);
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 110%;
}
.compare-slider-wrapper {
  max-width: calc(100vw - 14rem);
  position: relative;
}
.compare-slider-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  width: 100%;
  top: 15.2rem;
}
.compare-swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
} 
.error-404 {
  font-size: 30.8rem;
  font-weight: 600;
  line-height: 90%;
  color: var(--color-grey-0);
}
.error h1 {
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 130%;
}
.error .error__content {
  justify-items: center;
  display: grid;
  gap: 4rem;
}
.error .main-wrapper {
  gap: 4rem;
}
.error .button {
  padding-block: 1.5rem;
  width: 30rem;
}
@media (min-width: 1024px) {
  @media (hover: hover) {
    .button--transparent:hover,
    .footer__links__item a:hover,
    .footer__links__item button:hover,
    .footer__link:hover {
      text-decoration: underline;
    }
    .button--transparent:hover,
    .button--transparent:hover svg,
    .news__item:hover .news__item__title,
    .footer__links__item a:hover,
    .footer__links__item button:hover {
      color: var(--color-aux-blue-sky);
    }
    .button--primary:hover,
    .button--secondary:hover,
    .materials__item:hover,
    .main-catalog__item:hover,
    .header__top__city:hover,
    .pagination__el:hover,
    .scale-sidebar__item:hover,
    .category__tags__item:hover {
      background: var(--color-aux-blue-sky);
      color: var(--color-white);
    }
    .pagination__el:has(svg):hover {
      background: none;
    }
    .pagination__el:has(svg):hover svg {
      color: var(--color-aux-blue-sky);
    }
    .service__centers__item:hover,
    .service__services__item:hover {
      background: var(--color-aux-blue-sky);
    }
    .service__centers__item:hover span,
    .service__centers__item:hover a,
    .service__services__item:hover a,
    .service__services__item:hover span,
    .service__services__item:hover .service__services__item__icon,
    .materials__item:hover .materials__item__title span,
    .materials__item:hover .materials__item__title a,
    .button--filter-list:hover svg, .button--filter-grid:hover svg {
      color: var(--color-white);
    }
    .service__services__item:hover .service__services__item__icon,
    .materials__item:hover .materials__item__icon {
      border-color: var(--color-white);
    }
    .service__centers__item:hover .button--primary:hover,
    .materials__item:hover .button--primary:hover {
      background: var(--color-white);
      color: var(--color-grey-100);
    }
    .goods__item:hover, .news__item:hover {
      box-shadow: 0 0 2.4rem 0 rgba(102, 118, 138, 0.25);
    }
    .goods__item:hover .goods__item__compare {
      display: flex;
    }
    .button--compare:hover {
      width: fit-content !important;
      padding: 1.2rem 1.5rem;
      background: var(--color-aux-blue-sky);
      color: var(--color-white);
    }
    .button--compare:hover span {
      display: block;
    }
   

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: rgba(233, 238, 245, 0.30);
    }
    .button--header-cart:hover {
      color: var(--color-black);
      background: transparent;
    }
    .configurator-tag:hover {
      background: var(--color-aux-blue-sky);
      color: var(--color-white);
      border: 1px solid #4790F0;
    }
    .configurator-tag--is-active:hover {
      border: 3px solid #4790F0;
    }

    .header__top__city:hover .header__top__city__value {
      color: var(--color-grey-100);
    }

    .header__top__city--msk:hover .msk-overlay {
      display: block;
    }
    /*TODO отображение оверлея*/
    .button--copy:hover svg {
      color: #505C6C;
    }
    .header__top__city--msk:hover {
      color: #4790F0;
      background: var(--color-white);
    }
    .header__top__city--msk:hover .header__top__city__value {
      background: #4790F0;
      color: var(--color-white);
    }
    .good__slider-prev:hover .swiper-button-prev--bg,
    .good__slider-next:hover .swiper-button-next--bg {
      background: rgba(102, 118, 138, 0.50);
    }
    .good__slider-prev:hover,
    .good__slider-next:hover {
      background: rgba(102, 118, 138, 0.30);
    }
    .main-slider .swiper .swiper-button-next:hover,
    .main-slider .swiper .swiper-button-prev:hover {
      background: rgba(233, 238, 245, 0.50);
    }
    .main-slider .swiper .swiper-button-next--bg:hover,
    .main-slider .swiper .swiper-button-prev--bg:hover {
      background: rgba(233, 238, 245, 0.30);
    }
    .compare-slider-prev:hover,
    .compare-slider-next:hover {
      background: rgba(102, 118, 138, 0.30);
    }
    .compare-slider-prev:hover .swiper-button-prev--bg,
    .compare-slider-next:hover .swiper-button-next--bg {
      background: rgba(102, 118, 138, 0.50);
    }


  }
}