@media (min-width: 37.5em) and (max-width: 120em) {
  .contacts {
    padding-bottom: clamp(
      4.375rem,
      0.68181818181875rem + 9.8484848485vw,
      12.5rem
    );
    padding-top: clamp(10rem, 7.15909090909375rem + 7.5757575758vw, 16.25rem);
  }
}

@media (min-width: 62em) {
  .main-title:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .contacts__communication > * span {
    font-size: 1.5625rem;
  }
  .contacts__subtitle {
    font-size: 2.1875rem;
  }
  .contacts__socials a span {
    font-size: 1.25rem;
  }
  .contacts__info p {
    font-size: 1.875rem;
  }
}
@media (max-width: 48em) {
  .contacts__wrapper {
    flex-direction: column;
    margin: 0 auto;
  }
  .contacts__grid-container > * {
    grid-column: 1 / 6;
    min-width: 0;
  }
  .contacts__socials a img {
    flex: 0 0 2.8125rem;
    height: 2.8125rem;
    width: 2.8125rem;
  }
}

@media (min-width: 62em) {
  .contacts__socials-block:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
  .contacts__info:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
  .contacts__communication:not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 37.5em) {
  .contacts__socials-block:not(:last-child) {
    margin-bottom: 1rem;
  }
  .contacts__info {
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
  }
  .contacts__communication:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.contacts {
  & .page_top {
    text-align: center;
  }
}
.contacts__subtitle:not(:last-child) {
  margin-bottom: 0.9375rem;
}
.contacts__socials {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.contacts__socials a {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.contacts__socials a img {
  flex: 0 0 4rem;
  height: 4rem;
  max-width: 100%;
  transition: filter 0.3s;
  width: 4rem;
}
.contacts__communication > :is(a) {
  transition: opacity 0.3s;
}
.contacts__communication > * img {
  flex: 0 0 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
  object-fit: contain;
}
.contacts__communication > * {
  align-items: center;
  display: block;
  display: flex;
  gap: 0.625rem;
  max-width: 100%;
}
.contacts__info {
  padding-bottom: 1.375rem;
  padding-top: 1.375rem;
  border-bottom: 0.125rem solid #d6d6d6;
  border-top: 0.125rem solid #d6d6d6;
}
.contacts__info p {
  color: #a9d944;
  font-weight: 700;
  line-height: normal;
}

.contacts:before {
  aspect-ratio: 390 / 364;
  background: url("/wp-content/uploads/2025/07/honey-1.webp") 0 0 / 100%
    no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  transform: translate(-50%);
  width: 20vw;
  z-index: -1;
}

.contacts__grid-container {
  display: grid;
  grid-template-columns: 0.9375rem 1fr minmax(auto, 100rem) 1fr 0.9375rem;
  min-width: 0;
}

.contacts__wrapper {
  display: flex;
  justify-content: space-between;
}

.contacts__grid-container > * {
  grid-column: 3 / 6;
  min-width: 0;
}

.contacts__content {
  margin: 0 auto;
  max-width: 40.625rem;
  padding: 0.9375rem;
  width: 100%;
}

@media (min-width: 48em) {
  .contacts__mask {
    flex: 0 0 45%;
  }
}

.contacts .mask {
  margin: 0 0 0 auto;
  max-width: 51.25rem;
  padding-left: 0.5rem;
  position: relative;
}

.contacts .mask:before {
  background: url("/wp-content/uploads/2025/07/decore-1-scaled.png") 0 100% /
    130% 74% no-repeat;
  bottom: -12%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.contacts .mask__wrap {
  margin-left: auto;
  mask-image: url("/wp-content/uploads/2025/07/mask-clip-1.webp");
  mask-position: left center;
  mask-repeat: no-repeat;
  mask-size: contain;
  max-width: 93.65%;
}

.contacts .mask__wrap img {
  aspect-ratio: 768 / 650;
  height: 100%;
  object-fit: cover;
  width: 100%;
}