.restaurantBarItem {
  display: grid;
  gap: var(--Space-x3);
}

.stickyHeading {
  position: sticky;
  top: 0;
}
/* Hack to make it look like the heading has a background which covers the top of the sidepeek */
.stickyHeading::before {
  content: "";
  position: absolute;
  margin-top: calc(-1 * var(--Space-x4));
  background-color: var(--Base-Background-Primary-Normal);
  z-index: -1;
  width: 100%;
  top: 0;
  bottom: -16px;
}

.content {
  display: grid;
  gap: var(--Space-x15);
}

.menuList {
  list-style: none;
  display: grid;
  gap: var(--Space-x1);
}

.ctaWrapper {
  display: grid;
  gap: var(--Space-x2);
}

.text {
  color: var(--Text-Default);
}
.heading {
  color: var(--Text-Interactive-Default);
}
