<div data-block="art-deco:reservation" class="sticky top-0 z-30 w-full deco-grain" style="background-color: hsl(var(--foreground)); color: hsl(var(--background)); border-bottom: 1px solid hsl(var(--primary));">
	<div class="max-w-5xl mx-auto px-4 py-2 flex flex-wrap items-center justify-between gap-2 text-sm">
		<div class="flex items-center gap-3 deco-caps" style="font-family: var(--font-heading, &quot;Italiana&quot;, &quot;Cinzel&quot;, Georgia, serif); color: hsl(var(--primary));">
			<span>Reservations</span>
			{% if phone %}<span aria-hidden="true" style="color: hsl(var(--primary) / 0.5);">·</span><a href="tel:{{ phone }}" class="deco-link" style="border-bottom-color: hsl(var(--primary));">{{ phone }}</a>{% endif %}
		</div>
		{% if hours %}<div class="flex flex-wrap items-center gap-3" style="color: hsl(var(--background));">{% for line in hours %}{% if not forloop.First %}<span aria-hidden="true" style="color: hsl(var(--primary) / 0.5);">·</span>{% endif %}<span>{{ line }}</span>{% endfor %}</div>{% endif %}
		{% if openTable %}<a href="{{ openTable }}" class="deco-pill" style="background-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); border-color: hsl(var(--primary));">Book a Table</a>{% endif %}
	</div>
</div>
