.asp-contact-bar, .asp-contact-reserve { display: none; }
.asp-contact-bar[hidden] { display: none !important; }
.asp-channel-icon { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; }
@media (max-width: 999.98px) {
	.asp-contact-reserve { display: block; height: var(--asp-bar-height, calc(68px + env(safe-area-inset-bottom, 0px))); }
	.asp-contact-bar {
		position: fixed;
		inset: auto 0 0;
		z-index: 45;
		display: grid;
		grid-auto-columns: minmax(0, 1fr);
		grid-auto-flow: column;
		gap: 10px;
		box-sizing: border-box;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
		background: var(--asp-white);
		border-top: 1px solid var(--asp-line);
		box-shadow: 0 -6px 24px rgb(22 41 56 / 8%);
	}
	.asp-contact-bar a {
		min-width: 0;
		min-height: 48px;
		border-radius: 5px;
		padding: 10px 8px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		font: 700 14px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		text-decoration: none;
		overflow-wrap: anywhere;
	}
	.asp-contact-bar .asp-bar-call { background: var(--asp-orange); color: var(--asp-ink); }
	.asp-contact-bar .asp-bar-whatsapp { background: var(--asp-accent); color: var(--asp-white); }
	.asp-contact-bar a:focus-visible { outline: 3px solid var(--asp-focus); outline-offset: 3px; }
	body[data-panel] .asp-contact-bar { visibility: hidden; }
}