@media screen and (min-width: 1600px) {
  img[imgfield="tn_img_1669724656612"] {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 2000px) {
  img[imgfield="tn_img_1669724656612"] {
    margin-top: 150px !important;
  }
}

@media (min-width: 980px) {
/* 1. Делаем контейнер для иконок гибким, чтобы расположить их в ряд с отступами */
.t-sociallinks__wrapper {
  display: flex;
  align-items: center; /* Выравниваем по вертикали */
  gap: 25px; /* Расстояние МЕЖДУ группами "иконка + текст" */
}

/* 2. Самое главное: превращаем каждую ссылку в гибкий контейнер */
.t-sociallinks__item_whatsapp a,
.t-sociallinks__item_website a {
  display: flex !important; /* Делаем саму ссылку flex-контейнером */
  align-items: center;     /* Выравниваем иконку и текст внутри ссылки по центру */
  gap: 8px;                /* Отступ между иконкой и текстом */
  
  /* Сбрасываем фиксированную ширину, чтобы она подстраивалась под контент */
  width: auto !important; 
  height: auto !important; 
  text-decoration: none; /* Убираем подчеркивание у текста */
}

/* 3. Добавляем текст "написать" после иконки WhatsApp */
.t-sociallinks__item_whatsapp a::after {
  content: "Написать";
  font-family: 'Exo2', Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  /* margin-left больше не нужен, мы используем 'gap' */
}

/* 4. Добавляем текст "позвонить" после иконки телефона */
.t-sociallinks__item_website a::after {
  content: "Позвонить";
  font-family: 'Exo2', Arial, sans-serif;
  font-size: 16px;
  color: #000000;
  font-weight: 400;
}

/* 5. Гарантируем, что сами иконки не будут сжиматься */
.t-sociallinks__item a svg,
.t-sociallinks__item a img {
    flex-shrink: 0;
}

}

.call-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background-color: #4CAF50; /* Зеленый цвет */
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}

.call-button svg {
  color: white;
  width: 30px;
  height: 30px;
  transition: transform 0.2s ease-in-out;
}

/* Эффект при наведении */
.call-button:hover {
  background-color: #45a049; /* Более темный зеленый */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transform: scale(1.05);
}

/* Эффект сдавливания при нажатии */
.call-button:active {
  transform: scale(0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Медиа-запрос для отображения только на мобильных устройствах */
@media (min-width: 768px) {
  .call-button {
    display: none;
  }
}