.menu-block { margin-block: 80px 51px; }
.menu-block + .menu-block { margin-top: 71px; }
.menu-block, .menu-list__item { scroll-margin-top: 20px; }
.menu-section-link { display: inline-block; margin-block: -9px; padding-block: 9px; transition: color var(--t-fast); }
@media (hover: hover) { .menu-section-link:hover { color: var(--c-gold); } }
.menu-panel {
  width: 60%;
  margin-inline: auto;
  border: var(--border-gold);
  border-radius: var(--radius-card);
  background-color: var(--c-secondary);
}
.menu-list { list-style: none; }
.menu-list__item { position: relative; display: flow-root; }
.menu-row { display: flex; padding-left: 30px; }
.menu-row__text { width: 80%; padding: 20px var(--gutter) var(--gutter); }
.menu-list__item:last-child .menu-row__text,
.menu-row--detail .menu-row__text { padding-bottom: 20px; }
.menu-row__name {
  margin: -2px 0 8px;
  color: var(--c-text);
  font-size: var(--fs-text);
  font-weight: var(--fw-medium);
  line-height: 1.25;
  text-transform: uppercase;
}
.menu-row__name a {
  scroll-margin-bottom: 120px;   
  transition: color var(--t-fast);
}
.menu-row__name a::after {   
  content: "";
  position: absolute;
  inset: -15px 0 16px;
}
.menu-list__item:first-child .menu-row__name a::after { top: 0; border-top-left-radius: 11px; border-top-right-radius: 11px; }
.menu-list__item:last-child .menu-row__name a::after { bottom: 0; border-bottom-left-radius: 11px; border-bottom-right-radius: 11px; }
.menu-list__item:target .menu-row__name a,   
.menu-row__name a:focus-visible { color: var(--c-gold); }
@media (hover: hover) { .menu-list__item:hover .menu-row__name a { color: var(--c-gold); } }
.menu-row__name a:focus-visible { outline: 0; }
.menu-row__name a:focus-visible::after { outline: 2px solid var(--c-gold); outline-offset: -2px; }
.menu-row__desc { margin: 0; color: var(--c-accent); }
.menu-row__price {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 20%;
  margin: 0;
  padding: var(--gutter);
  color: var(--c-gold);
}
.menu-row__price svg { flex: none; width: 25px; height: 25px; fill: currentColor; }
.menu-row__amount { line-height: 1.2; }
.menu-note .divider { margin-bottom: 35px; }
.menu-note__title { margin-bottom: var(--widget-gap); color: var(--c-text); font-size: var(--fs-text); font-weight: var(--fw-medium); }
.menu-note__list { margin-bottom: 14.4px; color: var(--c-accent); list-style: none; }
.menu-note__list li { padding-left: .6em; text-indent: -.6em; }
.menu-note__list li::before { content: "• "; }
.menu-block--page { margin-bottom: 60px; }
.menu-item-page .page-hero__title, .menu-category-page .page-hero__title { line-height: 1.15; text-wrap: balance; }
.menu-category-page .page-hero__title span { display: inline-block; }   
.menu-item-page .page-hero__title { font-size: var(--fs-secondary); text-transform: uppercase; }
.menu-row--detail { align-items: center; }
.menu-category-link { margin-bottom: var(--widget-gap); text-align: center; }
.menu-category-link a {
  display: inline-block;
  margin-block: -14px;   
  padding-block: 14px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  transition: color var(--t-fast);
}
@media (hover: hover) { .menu-category-link a:hover { color: var(--c-text); } }
.menu-intro { width: 60%; margin-inline: auto; }
.menu-intro .heading-group__subtitle { font-size: var(--fs-card-text); }
.menu-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px; }
.menu-actions .btn { display: inline-flex; align-items: center; min-height: 44px; }
@media (prefers-reduced-motion: reduce) {
  .menu-row__name a, .menu-category-link a, .menu-section-link { transition: none; }
}
@media (max-width: 1024px) {
  .menu-panel, .menu-intro { width: 80%; }
}
@media (max-width: 767px) {
  .menu-panel, .menu-intro { width: 95%; }
  .menu-row__name a { scroll-margin-bottom: 200px; }   
  .menu-row__price { flex-direction: column; justify-content: center; text-align: center; }
  .menu-row__amount { margin: 8px 0 16px; }
  .menu-row--detail .menu-row__amount { margin: 0; }
  .menu-item-page .page-hero__title { font-size: var(--fs-title); }
  .menu-category-page .page-hero__title { font-size: min(var(--fs-hero), 9.6vw); }   
}