.st-widget-container {
  position: fixed;
  bottom: 20px;
  right: -400px; /* Скрыт по умолчанию */
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #FFFFFF;
  border: 1px solid #E0E0E0;
  padding: 4px;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  z-index: 9999;
  transition: right 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s ease;
  opacity: 0;
}
.st-widget-container.st-visible {
  right: 20px;
  opacity: 1;
}
.st-share-buttons {
  display: flex;
  gap: 4px;
}
.st-btn {
  display: block;
  width: 38px;
  height: 38px;
  background-color: #EFEFEF;
  border-radius: 10px;
  border: none;
  background-image: url('/image/image_gallery?img_id=1389681&t=1786105959293');
  background-repeat: no-repeat;
  background-size: 190px 38px;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.st-btn:hover {
  transform: scale(1.12);
}

/* Нарезка спрайта */
.sprite-vk       { background-position: 0px 0px; }
.sprite-ok       { background-position: -38px 0px; }
.sprite-mail-at  { background-position: -76px 0px; }
.sprite-tg       { background-position: -114px 0px; }
.sprite-mail-env { background-position: -152px 0px; }

/* --- Правило для скрытия на мобильных телефонах --- */
@media (max-width: 767px) {
  .st-widget-container {
    display: none !important; /* Полностью удаляет виджет из видимости и верстки на смартфонах */
  }
}