/* Danh sách nguyên liệu: mỗi dòng ngăn bằng vạch mảnh */
.danh-sach-nguyen-lieu { display: grid; gap: var(--space-4); }
.nguyen-lieu { display: grid; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--brand-border); }
.nguyen-lieu .saly-field { margin: 0; }
.nguyen-lieu__dau { display: flex; align-items: flex-end; gap: var(--space-2); }
.nguyen-lieu__dau .saly-field { flex: 1; min-width: 0; }
.nguyen-lieu__tien { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2); margin: 0; }
.nguyen-lieu__tien strong { font-family: var(--font-heading); }

/* Hai ô cạnh nhau, xuống một cột khi khung quá hẹp */
.hai-cot { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr)); gap: var(--space-3); }
.hai-cot > .saly-field { margin: 0; }

.saly-field > .saly-chips { margin-top: var(--space-2); }

/* Tóm tắt giá vốn trong thanh nút dính đáy (điện thoại) */
.tom-tat { display: grid; flex: none; gap: 0; margin: 0; line-height: 1.3; }
.tom-tat .saly-muted { font-size: var(--text-sm); }
.tom-tat strong { font-family: var(--font-heading); font-size: var(--text-lg); text-align: left; }

@media (min-width: 1024px) {
  .tom-tat { display: none; }
  .saly-main__aside .saly-sticky-cta { margin-top: 0; }
}