.bodywrap.menu .divider {
  opacity: 0.2;
  margin: 1.85em 0 1.5em;
}
.bodywrap.menu .divider.sec {
  margin: 3em 0 3em;
}
.bodywrap.menu .menu-dish + .menu-dish {
  margin-top: 1.1147540984em;
}
.bodywrap.menu .menu-dish h1 {
  margin-bottom: 0.7em;
}
.bodywrap.menu .menu-dish .label.edit,
.bodywrap.menu .menu-dish .dish--edit-remove {
  display: none;
}
.bodywrap.menu .menu-dish.in-cart .label.add,
.bodywrap.menu .menu-dish.in-cart .dish--add-item,
.bodywrap.menu .menu-dish.in-cart .portion-col {
  display: none;
}
.bodywrap.menu .menu-dish.in-cart .label.edit,
.bodywrap.menu .menu-dish.in-cart .dish--edit-remove {
  display: block;
}
.bodywrap.menu .menu-dish .dish-more-info {
  margin-top: 2em;
  display: inline-flex;
  border: 1px solid currentColor;
  align-content: center;
  padding: 0.6em 1em;
}
.bodywrap.menu .menu-dish .sold-out {
  margin-top: 1.2em;
  opacity: 0.6;
}
.bodywrap.menu .menu-dish .btn-box[disabled],
.bodywrap.menu .menu-dish .btn-box.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.bodywrap.menu .menu-dish option:first-child {
  opacity: 0.2;
}
.bodywrap.menu .menu-cat-title {
  margin-bottom: 2em;
}
.bodywrap.menu .diet-list {
  margin-top: 1em;
}
.bodywrap.menu .trait + .trait {
  margin-top: 0.1em;
}
.bodywrap.menu .trait .words {
  font-style: italic;
}
.bodywrap.menu .trait .letters {
  min-width: 1.85em;
}
.bodywrap.menu .dish-purchase {
  margin-top: 1em;
}
.bodywrap.menu .purchase-col {
  margin-top: 1em;
}

body.adding-item .dish-list,
body.removing-item .dish-list {
  opacity: 0.15;
  pointer-events: none;
}

.closed-notice {
  text-align: center;
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  z-index: 10;
}
.closed-notice h2 {
  line-height: 1.1;
  padding: 0.8em 0;
}

/* ===============================================
/* TABLET ===================================== */
@media only screen and (min-width: 680px) {
  .bodywrap.menu .menu-dish + .menu-dish {
    margin-top: 1.25em;
  }
  .bodywrap.menu .diet-list {
    margin-top: 0;
  }
  .bodywrap.menu .purchase-col {
    margin-top: 0;
  }
}
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  .bodywrap.menu .menu-dish:first-child {
    margin-top: 1.3em;
  }
  .bodywrap.menu .divider {
    margin: 2.85em 0 2.35em;
  }
  .bodywrap.menu .divider.sec {
    margin: 4em 0 4em;
  }
  .bodywrap.menu .trait {
    margin-bottom: 0;
  }
  .bodywrap.menu .trait + .trait {
    margin-top: -0.06em;
  }
  .bodywrap.menu .dish-purchase {
    margin-top: 1.4em;
  }
}