/* Menu quán: chỉ bố cục. */
.menu-trang { display: grid; gap: var(--space-5); align-content: start; }
.menu-trang > * { margin: 0; }

.hang-tim { display: grid; gap: var(--space-3); }
.hang-tim > .saly-field { margin: 0; }
@media (min-width: 640px) { .hang-tim { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: end; } }

.bo-loc {
  position: sticky; top: 0; z-index: var(--z-sticky);
  margin: var(--space-3) calc(-1 * var(--gutter)) 0; padding: var(--space-2) var(--gutter); background: var(--brand-surface);
}
.bo-loc .saly-chips { margin: 0; }
.dem-mon { margin: var(--space-2) 0 var(--space-3); font-size: var(--text-sm); }
.ghi-chu-co { margin-top: var(--space-4); }

.luoi-mon { display: grid; gap: var(--space-3); }
@media (min-width: 768px) {
  .luoi-mon { grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: var(--space-4); }
  /* Chưa có ảnh thật: khung icon thấp hơn để thấy nhiều món trên màn; tên món thẳng hàng, giá + nút dồn đáy thẻ */
  .luoi-mon .saly-menu-card__media { aspect-ratio: 2 / 1; height: auto; }
  .luoi-mon .saly-menu-card__body { display: flex; flex-direction: column; justify-content: flex-start; flex: 1; }
  .luoi-mon .saly-menu-card__foot { margin-top: auto; }
}
.mon__gia { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-2); min-width: 0; }
.saly-menu-card__foot { flex-wrap: nowrap; }

.don-khung { display: none; }
.don-ds { margin: 0; }
.don-tong { margin: 0; }
.don-rong { padding: var(--space-4) 0; }
.don-nut { flex-direction: column; align-items: stretch; }
.dong-don__so { display: flex; flex: none; align-items: center; gap: var(--space-2); }
.dong-don__dem { min-width: 1.5rem; text-align: center; }
@media (min-width: 1024px) {
  .menu-trang { grid-template-columns: minmax(0, 1fr) 22rem; gap: var(--space-5) var(--space-6); align-items: start; }
  .menu-trang__dau { grid-column: 1 / -1; }
  .don-khung { display: block; position: sticky; top: var(--space-5); }
  .don-thanh { display: none; }
  .don-khung .saly-list-item { flex-wrap: wrap; }
  .don-khung .saly-list-item__body { flex-basis: 100%; }
  .don-khung .dong-don__so { margin-left: auto; }
}