/* Promotional banner and countdown. */
.ph-promo { display: flex; align-items: center; justify-content: var(--sec-align, center); }
.ph-promo__content { max-width: 640px; }

.ph-promo__eyebrow {
	margin: 0 0 8px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	opacity: 0.85;
}

.ph-promo__heading { margin: 0 0 12px; color: inherit !important; }
.ph-promo__body { margin: 0 0 20px; opacity: 0.9; }
.ph-promo__expired { font-weight: 600; opacity: 0.75; }

.ph-promo__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	justify-content: inherit;
}

.ph-countdown { display: flex; gap: 10px; margin-bottom: 22px; }

.ph-countdown__unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 62px;
	padding: 10px 6px;
	border-radius: var(--pharmacy-radius);
	background: rgba(255, 255, 255, 0.16);
}

/* Tabular numerals, or the digits jitter horizontally on every tick. */
.ph-countdown__unit strong {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.ph-countdown__unit em {
	font-size: 0.66rem;
	font-style: normal;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.75;
}

.ph-coupon {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border: 1px dashed currentColor;
	border-radius: var(--pharmacy-btn-radius);
	background: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
}

.ph-coupon code { font-weight: 700; letter-spacing: 0.08em; }
.ph-coupon__hint { font-size: 0.75rem; opacity: 0.7; }
.ph-coupon.is-copied .ph-coupon__hint { opacity: 1; font-weight: 700; }