/* === korta-app/pages/profile/heart.css === */
/* Общий блок программы лояльности, переиспользуемый и в админке, и в профиле */

.user-loyalty {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.loyalty-heart-wrap {
  flex: 0 0 auto;
}

.loyalty-heart-svg {
  width: 72px;
  height: 72px;
  display: block;
  /* При желании можно выключить подсветку, убрав строку ниже */
  /* лёгкий "свет" вокруг сердца, чтобы жидкость видна на тёмном фоне */
  filter: drop-shadow(0 0 6px rgba(241, 100, 179, 0.35));
}

.loyalty-info {
  flex: 1 1 auto;
  min-width: 200px;
}

.loyalty-info .small {
  opacity: 0.8;
}