/* Menu panel: sticky category chips, centred headings with side rules, leader-line rows. */

.enigma-menu { max-width: 40rem; margin-inline: auto; }

.enigma-menu__note {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	align-items: center;
	margin: 0 0 26px;
	padding: 10px 14px;
	border: 1px dashed var(--e-line);
	border-radius: 12px;
	color: var(--e-muted);
	font-size: var(--wp--preset--font-size--small);
}

.enigma-menu__tabs {
	position: sticky;
	top: calc(-1 * clamp(28px, 4vw, 64px));
	z-index: 5;
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	margin: 0 calc(-1 * clamp(20px, 4vw, 64px)) 10px;
	padding: 12px clamp(20px, 4vw, 64px);
	overflow-x: auto;
	scrollbar-width: none;
	background: var(--e-panel);
	border-bottom: 1px solid var(--e-line);
}
.enigma-menu__tabs::-webkit-scrollbar { display: none; }
.enigma-menu__tabs a {
	flex: none;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 16px;
	border: 1px solid var(--e-line);
	border-radius: 999px;
	color: var(--e-cream);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color var(--e-hover) var(--e-ease), color var(--e-hover) var(--e-ease);
}
.enigma-menu__tabs a:hover,
.enigma-menu__tabs a.is-active { background: var(--e-cream); color: var(--e-ink); }

@media (max-width: 899px) {
	/* Page scrolls as a whole on small screens; the fixed header pill would cover a sticky bar. */
	.enigma-menu__tabs { position: static; }
}

.enigma-menu__section { padding-top: 34px; scroll-margin-top: 70px; }

.enigma-menu__heading {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 0 28px;
	font-size: clamp(1.4rem, 1rem + 1.2vw, 2rem);
	text-align: center;
}
.enigma-menu__heading::before,
.enigma-menu__heading::after {
	content: "";
	flex: 1;
	height: 1px;
	background: linear-gradient(to right, transparent, var(--e-line));
}
.enigma-menu__heading::after { transform: scaleX(-1); }

.enigma-menu__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }

.enigma-dish { display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: start; }
.enigma-dish__thumb {
	display: grid;
	place-items: center;
	width: 64px;
	aspect-ratio: 1;
	border: 1px dashed var(--e-line);
	border-radius: 10px;
	background: linear-gradient(160deg, #1d1d1f, #0e0e0f);
	color: var(--e-muted);
	font-size: 10px;
	letter-spacing: 0.14em;
}
.enigma-dish__head { display: flex; align-items: baseline; gap: 10px; }
.enigma-dish__name {
	margin: 0;
	font-size: 1rem;
	letter-spacing: 0.06em;
	line-height: 1.3;
}
.enigma-dish__leader { flex: 1; min-width: 16px; border-bottom: 1px solid var(--e-line); transform: translateY(-4px); }
.enigma-dish__price { color: var(--e-gold); font-family: var(--e-title); font-size: 1rem; letter-spacing: 0.04em; }
.enigma-dish__desc { margin: 6px 0 0; color: var(--e-muted); font-size: var(--wp--preset--font-size--small); line-height: 1.55; max-width: 32rem; }