/* Floating call button below 1024 (spec §4.4): 56px orange circle, bottom/end 24, shadow-lg, active scale .95. */
.floating-call {
	position: fixed;
	bottom: calc(var(--spacing) * 6);
	inset-inline-end: calc(var(--spacing) * 6);
	z-index: 50;
	width: calc(var(--spacing) * 14);
	height: calc(var(--spacing) * 14);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--radius-full);
	background-color: var(--color-brand-orange);
	color: var(--color-white);
	box-shadow: var(--shadow-lg);
	transition: all var(--duration-fast) var(--ease-default);
}
.floating-call:hover { background-color: var(--color-orange-600); }
.floating-call:active { scale: 0.95; }
@media (min-width: 64rem) { .floating-call { display: none; } }
/* While the consent banner is up (Contact, no choice yet) it covers this corner; the call button returns after a choice. */
.has-consent-banner .floating-call { display: none; }