/* 부모에 .tx-badge-wrap (또는 직접 style="position:relative") 적용 권장 */
.tx-badge-wrap {
  position: relative;
}

.tx-overlay-badge {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .15em .45em;
  background: #ff3b30;
  color: #fff;
  font-weight: 700;
  border-radius: .5rem;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
  pointer-events: none;
  z-index: 990;
  white-space: nowrap;
}

/* 위치 오프셋 (필요시 숫자 조정) */
.tx-overlay-badge.top-left     { top: 0; left: 0; transform: translate(-30%, -30%); }
.tx-overlay-badge.top-right    { top: 0; right: 0; transform: translate(30%, -30%); }
.tx-overlay-badge.bottom-left  { bottom: 0; left: 0; transform: translate(-30%, 30%); }
.tx-overlay-badge.bottom-right { bottom: 0; right: 0; transform: translate(30%, 30%); }

/* 둥근(원형) 모양 등은 badge_class로 추가 가능 */
.tx-overlay-badge.round { border-radius: 999px; padding: .25em .5em; }