.ranking-card-price {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: .7rem 0 0;
	color: var(--navy-950);
}

.ranking-card-price__label {
	color: var(--muted);
	font-size: .74rem;
	line-height: 1.3;
}

.ranking-card-price strong { font-size: .9rem; }

.product-price {
	display: inline-flex;
	align-items: center;
	gap: .38rem;
	color: inherit;
	white-space: nowrap;
}

.price-info-tooltip {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.price-info-tooltip__trigger {
	display: inline-grid;
	width: 1.25rem;
	height: 1.25rem;
	padding: 0;
	place-items: center;
	border: 1px solid var(--teal-700);
	border-radius: 50%;
	background: #fff;
	color: var(--teal-700);
	font: 800 .75rem/1 var(--font-sans, inherit);
	cursor: help;
}

.price-info-tooltip__trigger:hover,
.price-info-tooltip__trigger:focus-visible {
	background: var(--teal-100);
	outline: 2px solid transparent;
}

.price-info-tooltip__content {
	position: absolute;
	z-index: 20;
	left: 50%;
	bottom: calc(100% + .55rem);
	width: min(290px, 78vw);
	padding: .7rem .8rem;
	transform: translateX(-50%) translateY(.2rem);
	border-radius: var(--radius-sm);
	background: var(--navy-950);
	box-shadow: 0 10px 30px rgb(13 32 60 / 22%);
	color: #fff;
	font-size: .76rem;
	font-weight: 500;
	line-height: 1.45;
	opacity: 0;
	pointer-events: none;
	transition: opacity .15s ease, transform .15s ease;
	white-space: normal;
}

.price-info-tooltip:hover .price-info-tooltip__content,
.price-info-tooltip:focus-within .price-info-tooltip__content {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
}

.ranking-product-price-fact {
	border-color: var(--teal-700) !important;
	background: var(--teal-100) !important;
}

.ranking-product-price-fact dd { display: flex; align-items: center; }

@media (max-width: 600px) {
	.ranking-card-price { align-items: flex-start; flex-direction: column; gap: .25rem; }
	.price-info-tooltip__content { right: -1rem; left: auto; transform: translateY(.2rem); }
	.price-info-tooltip:hover .price-info-tooltip__content,
	.price-info-tooltip:focus-within .price-info-tooltip__content { transform: translateY(0); }
}