/* MD Статистика товару: the figures block on the product page */
.md-product-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(215px, 1fr));
	gap: 6px 22px;
	margin: 0 0 18px;
	padding: 12px 16px;
	border-radius: var(--border-radius-1, 10px);
	background: #f6f7f9;
	color: #555;
	font-size: 14px;
	line-height: 1.35;
}

.md-product-stats[hidden] {
	display: none;
}

.md-product-stats__heading {
	grid-column: 1 / -1;
	margin-bottom: 2px;
	color: #333;
	font-weight: 700;
}

.md-product-stats__item {
	display: flex;
	align-items: baseline;
	gap: 6px;
	min-width: 0;
	white-space: nowrap;
}

.md-product-stats__item[hidden] {
	display: none;
}

.md-product-stats__label {
	color: #737c8a;
}

.md-product-stats__value {
	min-width: 2ch;
	color: #222;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

/* before the figures arrive */
.md-product-stats__value:empty::before {
	content: '\2026';
	color: #b0b6c0;
	font-weight: 400;
}

/* "Зараз дивляться": a live dot */
.md-product-stats__item--online .md-product-stats__value:not(:empty)::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 7px 1px 0;
	border-radius: 50%;
	background: #6ab344;
	vertical-align: baseline;
	animation: md-product-stats-pulse 1.8s ease-out infinite;
}

@keyframes md-product-stats-pulse {
	0% { box-shadow: 0 0 0 0 rgba(106, 179, 68, .55); }
	70% { box-shadow: 0 0 0 7px rgba(106, 179, 68, 0); }
	100% { box-shadow: 0 0 0 0 rgba(106, 179, 68, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.md-product-stats__item--online .md-product-stats__value:not(:empty)::before {
		animation: none;
	}
}

@media (max-width: 839px) {
	.md-product-stats {
		gap: 5px 16px;
		padding: 10px 14px;
		margin-bottom: 14px;
		font-size: 13px;
	}
}
