.menu { padding: 110px 0 120px; }
.menu__card { margin-top: 56px; padding: 20px 56px 36px; border: 1.5px solid var(--line); border-radius: 24px; background: var(--surface); }
.menu__item { display: flex; align-items: baseline; justify-content: space-between; padding: 26px 4px; border-bottom: 1px dashed var(--line); }
.menu__name { font-size: 20px; font-weight: 700; letter-spacing: .08em; }
.menu__name span { display: inline-block; margin-left: 16px; padding: 2px 14px; border-radius: 999px; background: var(--panel); color: var(--accent); font-size: 14px; letter-spacing: .06em; line-height: 1.8; vertical-align: 2px; }
.menu__price { font-size: 16px; white-space: nowrap; }
.menu__price b { margin-right: 4px; font-family: var(--en); font-size: 34px; letter-spacing: .02em; line-height: 1; color: var(--accent); }
.menu__note { margin-top: 24px; font-size: 14px; color: var(--ink-sub); text-align: center; }

@media (max-width: 767px) {
  .menu { padding: 72px 0 80px; }
  .menu__card { margin-top: 40px; padding: 8px 22px 26px; border-radius: 18px; }
  .menu__item { padding: 22px 0; }
  .menu__name { font-size: 18px; }
  .menu__name span { margin-left: 10px; padding: 1px 11px; font-size: 13px; }
  .menu__price b { font-size: 28px; }
  .menu__note { margin-top: 18px; }
}