.menu-showcase { max-width: 1180px; margin: 0 auto; padding: 20px 12px; }
.menu-showcase__header { text-align: center; margin-bottom: 18px; }
.menu-showcase__title { margin: 0 0 10px; font-size: clamp(32px, 5vw, 58px); line-height: 1.05; }
.menu-showcase__description { margin: 0 auto; max-width: 820px; font-size: 18px; }
.menu-showcase__stage { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 12px; }
.menu-showcase__main { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 18px; align-items: center; }
.menu-showcase__image-wrap { position: relative; min-height: 680px; display: flex; align-items: center; justify-content: center; overflow: visible; touch-action: pan-y; }
.menu-showcase__image { max-width: 100%; max-height: 680px; width: auto; height: auto; display: block; }
.menu-showcase__callouts { position: absolute; inset: 0; pointer-events: none; }
.menu-showcase__callout { position: absolute; background: rgba(255,255,255,.92); color: #5f2222; border: 1px solid #e5caca; border-radius: 999px; padding: 8px 14px; font-size: 14px; font-weight: 700; box-shadow: 0 6px 20px rgba(0,0,0,.08); white-space: nowrap; }
.menu-showcase__panel { background: rgba(255,255,255,.92); border: 1px solid #f0e2e2; border-radius: 20px; padding: 20px; box-shadow: 0 12px 32px rgba(0,0,0,.06); }
.menu-showcase__panel h3 { margin: 0 0 10px; font-size: 20px; }
.menu-showcase__ingredients { margin: 0 0 20px 0; padding-left: 20px; }
.menu-showcase__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border: 1px solid #e0d3d3; background: rgba(255,255,255,.95); border-radius: 999px; font-size: 24px; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.08); z-index: 5; }
.menu-showcase__nav--prev { left: 8px; }
.menu-showcase__nav--next { right: 8px; }
.menu-showcase__thumbs { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 16px; }
.menu-showcase__thumb { width: 110px; border: 1px solid #ebdcdc; background: rgba(255,255,255,.94); border-radius: 16px; padding: 8px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 8px; box-shadow: 0 8px 20px rgba(0,0,0,.05); }
.menu-showcase__thumb.is-active { border-color: #b95b5b; transform: translateY(-2px); }
.menu-showcase__thumb img, .menu-showcase__thumb-placeholder { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; display: block; }
.menu-showcase__thumb span { font-size: 13px; font-weight: 700; text-align: center; line-height: 1.25; }
@media (max-width: 980px) {
  .menu-showcase__main { grid-template-columns: 1fr; }
  .menu-showcase__image-wrap { min-height: 480px; }
  .menu-showcase__image { max-height: 520px; }
  .menu-showcase__callout { display: none; }
}