/* Homepage and shop promotion; only the two pages with this banner opt in. */
#cb-confetti-promo {
	background-color: #d12b78;
	color: #fff;
	text-align: center;
}

#cb-confetti-promo > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 2px 16px;
	color: #fff;
	line-height: 1.4;
	text-decoration: none;
}

#cb-confetti-promo strong {
	font-size: clamp(1rem, 2vw, 1.375rem);
	font-weight: 800;
	letter-spacing: .025em;
}

#cb-confetti-promo small {
	font-size: clamp(.75rem, 1.2vw, .875rem);
}

#cb-confetti-promo > a:hover,
#cb-confetti-promo > a:focus {
	background-color: #bb2269;
	color: #fff;
}

#cb-confetti-promo > a:focus-visible {
	outline: 3px solid #fff !important;
	outline-offset: -5px;
}

@media (min-width: 992px) {
	/* The shared header can insert scripts/styles between the bar and header. */
	#cb-confetti-promo ~ #header:not(.sticky-header) #header-wrap {
		position: absolute;
	}
}