/* ── menü: sekmeli, fotoğraflı, fiyatsız ── */
.menu__head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: clamp(1.8rem, 3.5vw, 2.6rem); }
.tabs { display: flex; gap: 4px; padding: 5px; border-radius: 999px; background: var(--paper-2); box-shadow: inset 0 0 0 1px var(--line); }
.tabs button { min-height: 44px; padding: .55rem 1.15rem; border: 0; border-radius: 999px; background: none; font: 700 .9rem var(--f-body); color: var(--txt-dark-2); transition: background .25s, color .25s; white-space: nowrap; }
.tabs button[aria-selected="true"] { background: var(--ink); color: var(--txt); }
.tabs button:not([aria-selected="true"]):hover { color: var(--txt-dark); }

.m-panel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 2vw, 22px); }
.m-panel[hidden] { display: none; }
.m-panel.is-in .dish { animation: dishIn .55s var(--ease) both; }
.m-panel.is-in .dish:nth-child(2) { animation-delay: .06s; } .m-panel.is-in .dish:nth-child(3) { animation-delay: .12s; } .m-panel.is-in .dish:nth-child(4) { animation-delay: .18s; }
@keyframes dishIn { from { transform: translateY(10px); } }
.dish { display: grid; gap: .7rem; align-content: start; }
.dish img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--r); background: var(--paper-2); box-shadow: 0 20px 34px -24px rgba(60, 40, 20, .6); }
.dish figcaption { display: grid; gap: .15rem; font: 400 1.4rem/1.1 var(--f-display); }
.dish figcaption span { font: 500 .84rem/1.35 var(--f-body); color: var(--txt-dark-2); }
.menu__note { margin-top: 1.8rem; font-size: .95rem; color: var(--txt-dark-2); }
.menu__note a { color: var(--teal-deep); font-weight: 700; }

@media (max-width: 899px) { .m-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 699px) {
  .tabs { width: 100%; }
  .tabs button { flex: 1; padding: .55rem .5rem; font-size: .84rem; }
  .dish figcaption { font-size: 1.15rem; }
  .dish figcaption span { font-size: .78rem; }
}