.contacts {
  padding: 32px 0 var(--sp);
}

.contacts__row {
  display: flex;
  gap: 32px;
}

.contacts__main {
  flex: 1 50%;
}

.contacts__main > * {
  border-bottom: 1px solid var(--white-10);
}

.contacts__map {
  flex: 1 50%;
  position: relative;
}

.contacts__map:before {
  background: var(--bg);
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  mix-blend-mode: color;
  pointer-events: none;
}

.contacts__map iframe {
  width: 100% !important;
  height: 100% !important;
}

.contacts .footer__main-work-data {
  padding: 0 0 36px;
  gap: 32px;
}

.contacts .footer__main-contacts {
  gap: 32px;
  padding: 36px 0;
}

.contacts .footer__questions {
  grid-template-columns: repeat(1, 1fr);
  grid-template-areas: "text" "buttons";
}

.contacts .footer__questions .btn {
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 215px;
}

@media (max-width: 1260px) {
  .contacts {
    padding-bottom: 0;
  }

  .contacts__row {
    flex-direction: column;
    gap: var(--sp);
  }

  .contacts__main {
    order: 2;
  }

  .contacts__map {
    aspect-ratio: 1/0.75;
    order: 1;
  }

  .contacts .footer__questions {
    gap: 20px;
  }
}

@media (max-width: 760px) {
  .contacts .footer__questions {
    gap: 12px;
  }

  .contacts .footer__questions .btn {
    flex: 1 50%;
    min-width: initial;
  }
}