/* Блок соцсетей на странице Контакты */
.contacts-page__links .soc-list {
  display: flex;
  gap: 14px;
  align-items: center;
}

/* Кликабельная зона */
.contacts-page__links .soc-list__item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}

/* SVG из спрайта */
.contacts-page__links .soc-list__item svg.icon {
  width: 60px;
  height: 60px;
}

/* Отдельные SVG-файлы (Telegram) */
.contacts-page__links .soc-list__item img.icon {
  width: 34px;
  height: 34px;
  display: block;
}



/* 1. Все SVG-иконки (VK, Rutube) берут цвет из color */
.contacts-page__links .soc-list__item svg.icon {
  fill: currentColor;
}

/* 2. Hover-цвет (тот же, что у остальных) */
.contacts-page__links .soc-list__item a:hover {
  color: #ed125a; /* фирменный цвет */
}

/* 3. Telegram как МАСКА */
.contacts-page__links .soc-icon--tg {
  width: 60px;
  height: 60px;
  display: block;

  background-color: currentColor;

  -webkit-mask: url("/images/social/telegram.svg") no-repeat center / contain;
  mask: url("/images/social/telegram.svg") no-repeat center / contain;
}


/* Кнопка поставщикам*/

.contacts-page__buttons .btn.btn--pink {
  background-color: #ed125a !important;
  border-color: #ed125a !important;
  color: #fff !important;
}

.contacts-page__buttons .btn.btn--pink:hover {
  background-color: #c90f4c !important;
  border-color: #c90f4c !important;
  color: #fff !important;
}


.contacts-page__section-title {
  margin: 20px 0 12px;
  font-weight: 600;
  font-size: 16px;
  color: #ed125a;
}