.contacts {
  padding: 9.4rem 0 9.4rem;
}
@media only screen and (min-width: 1220px) {
  .contacts {
    padding: 19.6rem 0 8.6rem;
  }
}
.contacts__title {
  margin-bottom: 3.2rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .contacts__title {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 1024px) {
  .contacts__title {
    margin-bottom: 5.2rem;
  }
}
@media only screen and (min-width: 1220px) {
  .contacts__title {
    margin-bottom: 6.4rem;
  }
}
.contacts__emails {
  margin-bottom: 3.2rem;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .contacts__emails {
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 1024px) {
  .contacts__emails {
    margin-bottom: 6.5rem;
  }
}
@media only screen and (min-width: 1220px) {
  .contacts__emails {
    margin-bottom: 8rem;
  }
}
.contacts__email {
  margin-bottom: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .contacts__email {
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
  }
}
.contacts__email:last-of-type {
  margin-bottom: 0;
}
.contacts__email-title, .contacts__email-link {
  line-height: 160%;
}
.contacts__email-link {
  font-size: 1.6rem;
  font-weight: 600;
}
.contacts__email-link:hover {
  text-decoration: underline;
}
.contacts__blocks {
  margin-left: -2rem;
  margin-right: -2rem;
}
@media only screen and (min-width: 768px) {
  .contacts__blocks {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .contacts__blocks {
    gap: 2rem;
  }
}
@media only screen and (min-width: 1220px) {
  .contacts__blocks {
    gap: 3.2rem;
  }
}
.contacts__city {
  margin-bottom: 3.2rem;
  font-size: 2.4rem;
}
@media only screen and (min-width: 1024px) {
  .contacts__city {
    font-size: 2.8rem;
  }
}
@media only screen and (min-width: 1220px) {
  .contacts__city {
    margin-bottom: 4rem;
    font-size: 3.2rem;
  }
}
.contacts__text {
  margin-bottom: 1.2rem;
}
.contacts__text:last-child {
  margin-bottom: 0;
}
.contacts__phone {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 160%;
}
.contacts__phone-note {
  font-size: 1.6rem;
}
.contacts__block {
  margin-bottom: 2.4rem;
  padding: 3.2rem 2rem;
  background: #F8F8F8;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .contacts__block {
    margin-bottom: 0;
    width: auto;
    flex: 1 0 0;
  }
}
.contacts__block:last-of-type {
  margin-bottom: 0;
}

.body-white .category-block__title {
  color: #161617;
}
.body-white.theme-dark .category-block__title {
  color: #fff;
}
.body-white .header-white .header__logo img {
  filter: invert(1);
}
.body-white .header-white .header__nav--desk a:before {
  background: #161617;
}
.body-white .header-white .hamburger__box:not(.active) .hamburger__box-btn {
  background: #161617;
}
.body-white .header-white .hamburger__box:not(.active) .hamburger__box-btn:before,
.body-white .header-white .hamburger__box:not(.active) .hamburger__box-btn:after {
  background: #161617;
}
.body-white .header-white .theme-switch {
  border-color: #161617;
}
.body-white .header-white .theme-switch:before {
  background: #161617;
}
.body-white .header-white .theme-switch:after {
  filter: brightness(0.2);
}

.theme-dark .contacts__block {
  background: #000;
}