/*
 * PRICE POSITION
 * 2-SECOND UX
 */

/* 기존 복잡한 정보 */
.purchase-price-position__typical,
.purchase-price-position__median,
.purchase-price-position__legend,
.purchase-price-position__previous,
.price-position__typical,
.price-position__median,
.price-position__legend,
.price-position__previous,
[hidden] {
	display: none !important;
}


/* 결과 문장 */
.price-position-verdict {
	margin-top: 16px;
}

.price-position-verdict strong {
	display: block;

	font-size: 21px;
	font-weight: 750;

	line-height: 1.35;

	letter-spacing: -0.04em;
}

.price-position-verdict span {
	display: block;

	margin-top: 5px;

	color: #777;

	font-size: 12px;

	line-height: 1.6;
}

.price-position-verdict[
	data-state="excellent"
] strong,
.price-position-verdict[
	data-state="good"
] strong {
	color: #16803c;
}

.price-position-verdict[
	data-state="wait"
] strong {
	color: #a55e2e;
}


/* 핵심 가격 위치 바 */
.purchase-price-position__rail.price-position-rail--simple,
.price-position__track.price-position-rail--simple {
	height: 10px !important;

	border-radius: 999px !important;

	background:
		linear-gradient(
			to right,
			#dcefe3 0%,
			#dcefe3 33.333%,
			#ececea 33.333%,
			#ececea 66.666%,
			#f3e2d7 66.666%,
			#f3e2d7 100%
		) !important;
}


/* 낮음 / 보통 / 높음 */
.price-position-zones {
	display: grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		);

	margin-top: 10px;

	font-size: 10px;
	font-weight: 650;

	line-height: 1.4;
}

.price-position-zones span:nth-child(1) {
	color: #16803c;
	text-align: left;
}

.price-position-zones span:nth-child(2) {
	color: #888;
	text-align: center;
}

.price-position-zones span:nth-child(3) {
	color: #a55e2e;
	text-align: right;
}


/* 마커를 확실하게 인식 */
.purchase-price-position__marker:not([hidden]),
.price-position__marker:not([hidden]) {
	z-index: 5 !important;
}


/* 최저/최고는 보조 정보로 */
.purchase-price-position__labels,
.price-position__labels {
	margin-top: 17px !important;
}


/* 모바일 */
@media (max-width: 600px) {
	.price-position-verdict {
		margin-top: 14px;
	}

	.price-position-verdict strong {
		font-size: 18px;
	}

	.price-position-zones {
		font-size: 9px;
	}

	.purchase-price-position__rail-wrap,
	.price-position__track-wrap {
		margin-top: 32px !important;
	}
}


/* PURCHASE VISUAL CONSISTENCY UI START */


/* --------------------------------------------------
 * 1. range guide 완전 비노출
 * 소스 제거 실패에 대한 안전장치
 * -------------------------------------------------- */

.purchase-price-position__range-guide {
	display: none !important;
}


/* --------------------------------------------------
 * 2. 게이지 좌우 문구를
 * 실제 반원 끝점 아래에 배치
 * -------------------------------------------------- */

.purchase-timing-gauge__visual {
	position: relative;
}


.purchase-timing-gauge__ends {
	position: relative !important;

	display: block !important;

	width: 100% !important;
	height: 20px;

	margin:
		-14px
		0
		0 !important;

	padding: 0 !important;
}


.purchase-timing-gauge__ends span {
	position: absolute !important;

	top: 0;

	display: block;

	margin: 0 !important;

	white-space: nowrap;

	line-height: 1.35;
}


.purchase-timing-gauge__ends
span:first-child {
	left:
		var(
			--gauge-start-x,
			14%
		) !important;

	right: auto !important;

	transform:
		translateX(-50%);
}


.purchase-timing-gauge__ends
span:last-child {
	left:
		var(
			--gauge-end-x,
			86%
		) !important;

	right: auto !important;

	transform:
		translateX(-50%);

	text-align: center !important;
}


/* --------------------------------------------------
 * 3. 현재 가격 마커
 * 실제 가격 구간의 의미 색상 사용
 * -------------------------------------------------- */

#purchase-current-marker,
.purchase-price-position__marker[
	data-current-marker="true"
] {
	--price-zone-color: #16803c;
}


/* 낮은 가격 */
#purchase-current-marker[
	data-price-zone="low"
],
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone="low"
] {
	--price-zone-color:
		#16803c;
}


/* 보통 가격 */
#purchase-current-marker[
	data-price-zone="normal"
],
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone="normal"
] {
	--price-zone-color:
		#777;
}


/* 높은 가격 */
#purchase-current-marker[
	data-price-zone="high"
],
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone="high"
] {
	--price-zone-color:
		#a55e2e;
}


/* marker line */
#purchase-current-marker[
	data-price-zone
],
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone
] {
	background:
		var(
			--price-zone-color
		) !important;
}


/* marker dot */
#purchase-current-marker[
	data-price-zone
]::after,
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone
]::after {
	background:
		var(
			--price-zone-color
		) !important;
}


/* "현재" label */
#purchase-current-marker[
	data-price-zone
] span,
.purchase-price-position__marker[
	data-current-marker="true"
][
	data-price-zone
] span {
	background:
		var(
			--price-zone-color
		) !important;

	color: #fff !important;
}


/* 모바일도 동일한 기준 */
@media (max-width: 600px) {

	.purchase-timing-gauge__ends {
		margin-top:
			-12px !important;

		height: 19px;
	}

}


/* PURCHASE VISUAL CONSISTENCY UI END */

/* PRICE CHECK HEADING BADGE START */

/*
 * 최근 90일 가격 비교 + 상태 배지
 */
.price-check-heading-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
	gap: 16px;

	width: 100%;
	margin: 0;
}

.price-check-heading-row #price-analysis-label {
	min-width: 0;
	margin: 8px 0 0;
}


/*
 * 가격대 판정 배지
 */
.price-check-status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 30px;
	padding: 5px 11px;

	border-radius: 999px;

	background: #f2f2f0;
	color: #666;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;

	white-space: nowrap;
}

.price-check-status-badge[data-state="excellent"],
.price-check-status-badge[data-state="good"] {
	background: #e9f5ec;
	color: #16803c;
}

.price-check-status-badge[data-state="normal"] {
	background: #f2f2f0;
	color: #666;
}

.price-check-status-badge[data-state="wait"] {
	background: #f8ece5;
	color: #a55e2e;
}

.price-check-status-badge[data-state="collecting"] {
	background: #f2f2f0;
	color: #777;
}


/*
 * 가격 구간 라벨 3분할 정렬을 명시적으로 보장
 */
.price-position-zones {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	width: 100%;
	margin-top: 10px;

	font-size: 13px;
	font-weight: 650;
	line-height: 1.4;
}

.price-position-zones span {
	display: block;
	min-width: 0;
}

.price-position-zones span:nth-child(1) {
	text-align: left;
	color: #16803c;
}

.price-position-zones span:nth-child(2) {
	text-align: center;
	color: #777;
}

.price-position-zones span:nth-child(3) {
	text-align: right;
	color: #a55e2e;
}


/*
 * 최저 / 최고 가격도 양 끝 정렬 유지
 */
.purchase-price-position__labels,
.price-position__labels {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	width: 100%;
}

.purchase-price-position__labels > div:last-child,
.price-position__labels > div:last-child {
	text-align: right;
}


/*
 * 모바일
 */
@media (max-width: 700px) {
	.price-check-heading-row {
gap: 10px;
	}

	.price-check-status-badge {
		justify-self: start;
	}
}

/* PRICE CHECK HEADING BADGE END */