/**
 * SFS Commerce OS — the sale countdown timer on the WooCommerce
 * single-product page. Deliberately theme-neutral (not the admin
 * dashboard design system) since this renders inside whatever
 * storefront theme the store uses.
 */

.sfs-countdown {
	display: flex;
	gap: 8px;
	margin: 14px 0;
}

.sfs-countdown-unit {
	flex: 1;
	max-width: 70px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 4px;
}

.sfs-countdown-value {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
}

.sfs-countdown-label {
	display: block;
	font-size: 11px;
	color: #666;
	text-transform: uppercase;
}